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

Skill UI

浏览并发现 15857+ 精选技能

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

搜索 Tailwind CSS ，共找到 23 条记录

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

shadcn/ui 组件设计系统开发指南

sickn33/antigravity-awesome-skills

本指南是使用 shadcn/ui 组件库构建现代、可访问、可扩展用户界面（UI）的权威参考。它详细阐述了组件组合原则、样式规范（包括Tailwind CSS的最佳实践）、表单结构和核心开发规则。适用于需要构建复杂设计系统，并确保代码质量和设计一致性的前端开发者。

React设计系统代码生成器

sickn33/antigravity-awesome-skills

本工具用于使用指定的Rayden UI组件库和Tailwind CSS，生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范，涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面，保证界面美观和一致性。

shadcn/ui组件集成指南

google-labs-code/stitch-skills

本指南为前端工程师提供了一套专业的shadcn/ui组件集成解决方案。它详细介绍了如何使用Tailwind CSS和Radix UI构建应用，涵盖了组件发现、安装流程、项目架构搭建以及高级定制化最佳实践。帮助开发者构建具备完全自主权和高度可定制性的前端应用。

Figma设计到代码生成

anima-hello-world

jeremylongshore/claude-code-plugins-plus-skills

本技能利用Anima SDK，能够将Figma设计稿高效转换为生产级别的代码。支持React、Vue、纯HTML等多种主流框架，并集成Tailwind CSS样式。它帮助开发者将设计视觉流转为可用的代码组件，适用于前端开发和设计原型验证。

Figma到React组件代码生成

anima-core-workflow-a

jeremylongshore/claude-code-plugins-plus-skills

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

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等），从源码文件中提取完整的设计系统文档。它无需运行或构建应用，即可准确地提取颜色、排版、间距、组件模式等视觉元素。非常适用于进行设计审计、记录项目视觉语言或将现有设计系统迁移到设计工具中。

界面设计工程与优化

emil-design-eng

sickn33/antigravity-awesome-skills

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

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

nextlevelbuilder/ui-ux-pro-max-skill

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

语言