软件下载帮助文档新闻资讯

Skill UI

浏览并发现 19345+ 精选技能

全部编程开发人工智能设计创意产品商业数据科学市场营销职场通用效率工具硬件工程语言学习

搜索 Tailwind ，共找到 49 条记录

默认排序最新上传最多下载

Figma设计到代码自动生成

anima-webhooks-events

jeremylongshore/claude-code-plugins-plus-skills

本技能展示了如何使用Figma Webhooks搭建一个事件驱动的“设计到代码”工作流。当Figma设计文件发生版本更新时，系统能够自动捕获事件，并触发Anima服务，实时、自动化地重新生成高质量的组件代码（如React/TypeScript），适用于构建持续集成和设计流程。

Figma到React组件代码生成

anima-core-workflow-a

jeremylongshore/claude-code-plugins-plus-skills

该工作流自动化了从Figma设计到React代码的完整流程。它能扫描Figma组件，批量生成可用的React组件代码，并具备设计变更检测功能。这极大地替代了传统的手动设计交付流程，是构建设计系统和实现设计-代码持续同步的最佳方案。

Figma设计转代码自动化

anima-install-auth

jeremylongshore/claude-code-plugins-plus-skills

本指南指导开发者如何安装和配置Anima SDK，实现从Figma设计稿到生产级代码的自动化转换。适用于需要构建设计系统、实现设计-代码流程的场景，需要配置Figma和Anima的API Token以生成生产就绪的React、Vue或HTML组件。

Figma设计令牌提取与转换

figma-core-workflow-a

jeremylongshore/claude-code-plugins-plus-skills

本工作流旨在为构建设计到代码的自动化流程提供支持。它通过Figma API连接，提取设计系统中的核心设计令牌，包括颜色、排版和间距等。这些设计资源将被结构化地转换为代码格式，如CSS自定义属性或JSON令牌，确保设计稿和代码实现的高度一致性。

AI界面设计判断引擎

rohitg00/awesome-claude-code-toolkit

StyleSeed是一个强大的设计判断引擎，用于提升AI生成的用户界面的专业度和美观度。它囊括了69条视觉设计规则，涵盖色彩纪律、空间节奏、信息层级和动画反馈等关键要素。使用该工具，可以确保AI输出的界面既具备高度的视觉一致性，又符合成熟的行业设计标准。

高级前端开发与设计

design-taste-frontend-v1

Leonxlnx/taste-skill

此技能强制执行高质量前端开发标准，使用 React/Next.js 和 Tailwind CSS。它定义了严格的设计约束、排版规则和交互模式，以防止通用 AI 输出。确保依赖验证、响应式布局和高级 UI 美学，同时避免常见陈词滥调。

从源码提取设计系统

stitch-extract-design-md

google-labs-code/stitch-skills

该技能能够分析任何前端代码库（如React, Vue, Svelte, Tailwind等），从源码文件中提取完整的设计系统文档。它无需运行或构建应用，即可准确地提取颜色、排版、间距、组件模式等视觉元素。非常适用于进行设计审计、记录项目视觉语言或将现有设计系统迁移到设计工具中。

界面设计工程与优化

emil-design-eng

sickn33/antigravity-awesome-skills

本技能提供专业的“设计工程”指导，专注于提升用户界面的精致度、微交互细节和组件工艺。适用于审核前端代码（如React, CSS, Tailwind），旨在优化动画曲线、过渡时长和视觉反馈，确保产品在用户体验上达到极高的水准。

界面UI组件与样式设计

nextlevelbuilder/ui-ux-pro-max-skill

这是一个用于创建美观、可访问且专业级用户界面的综合技能。它结合了基于Radix UI的shadcn/ui组件的模块化、Tailwind CSS的原子化样式能力，以及画布级的视觉设计系统。适用于构建完整的设计系统、实现响应式布局、管理主题（包括深色模式）和生成多应用的精美视觉资产。

AI界面设计评审与优化

styleseed-design-review

sickn33/antigravity-awesome-skills

本工具用于对前端UI界面（React/Tailwind/HTML）进行专业的设计评审。它根据一套完整的设计准则，从一致性、颜色、层次结构等多个维度进行打分（0-100分）。它可以精准指出界面中不专业、不连贯的缺陷，并提供优先级的修复列表，帮助用户确保产品在上线前达到专业级别的设计水准。

AI生成界面设计规范检查

styleseed-design-review

bitjaru/styleseed

该技能根据一套完整的设计规范（74条规则）来评审React/Tailwind/HTML等前端界面。它会给出一个0-100分的评分，精准指出界面看起来“AI生成”、“通用”或“不专业”的问题，如角半径不一致、色彩失衡或状态缺失。并提供按优先级排序的修正清单，确保产品具备专业级用户体验。

反重力 UI 设计专家

antigravity-design-expert

sickn33/agentic-awesome-skills

本技能专注于构建高度交互、具有空间感和失重感的 Web 界面。利用 GSAP 和 3D CSS 技术，实现毛玻璃效果、等距网格和流畅滚动动画。适用于需要 React 和 Tailwind CSS 的仪表盘及沉浸式产品页面设计。

上一页 1 234 5 下一页

语言