下载

Skill UI

浏览并发现 11118+ 精选技能

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

搜索 Tailwind ，共找到 35 条记录

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

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构建专业级的前端界面。它涵盖了从架构限制（如状态管理、组件分离）到设计细节（如排版、色彩、布局）的各项最佳实践，旨在消除常见的网页设计缺陷，确保代码具备高保真度和生产可用性。

从源码提取设计系统

stitch-extract-design-md

google-labs-code/stitch-skills

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

统一设计与品牌系统

nextlevelbuilder/ui-ux-pro-max-skill

这是一个全方位的综合设计技能，覆盖了从品牌识别到最终数字资产的整个创作流程。功能包括构建品牌身份、定义设计规范（Tokens）、UI组件样式、AI生成Logo、企业品牌识别程序（CIP）模版、专业演示文稿、多平台横幅设计和社交媒体图片制作。是专业图形和数字资产的统一中心。

界面设计工程与优化

emil-design-eng

sickn33/antigravity-awesome-skills

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

进阶UI组件与设计系统构建

nextlevelbuilder/ui-ux-pro-max-skill

这是一个综合性的技能，用于构建现代、美观且高度可访问的用户界面。它结合了shadcn/ui组件的易用性和可访问性，利用Tailwind CSS实现强大的工具类样式，并融入了画布级的视觉设计理念。适用于开发复杂的React应用、构建完整的企业级设计系统、实现跨设备响应式布局，以及需要专业级视觉效果的场景。

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生成”、“通用”或“不专业”的问题，如角半径不一致、色彩失衡或状态缺失。并提供按优先级排序的修正清单，确保产品具备专业级用户体验。

语言