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

Skill UI

浏览并发现 18950+ 精选技能
全部 编程开发 人工智能 设计创意 产品商业 数据科学 市场营销 职场通用 效率工具 硬件工程 语言学习
搜索 Tailwind CSS ，共找到 28 条记录
默认排序 最新上传 最多下载

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

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

React设计系统代码生成器

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

shadcn/ui组件集成指南

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

Figma设计到代码生成

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

Figma到React组件代码生成

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

Figma设计令牌提取与转换

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

高保真前端开发规范

design-taste-frontend-v1
Leonxlnx/taste-skill
366
本技能集提供了一套严格的工程和设计规范，指导用户使用React/Next.js和Tailwind CSS构建专业级的前端界面。它涵盖了从架构限制（如状态管理、组件分离）到设计细节（如排版、色彩、布局）的各项最佳实践，旨在消除常见的网页设计缺陷，确保代码具备高保真度和生产可用性。
查看详情

从源码提取设计系统

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

界面UI组件与样式设计

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

Expo中Tailwind CSS配置

expo-tailwind-setup
sickn33/agentic-awesome-skills
186
在Expo中使用react-native-css和NativeWind v5配置Tailwind CSS v4，实现iOS、Android和Web的通用样式。涵盖安装、Metro/PostCSS配置、全局CSS和可复用组件封装。
查看详情

前端暗色主题UI系统

frontend-ui-dark-ts
sickn33/agentic-awesome-skills
250
基于 React、Tailwind CSS 与 Framer Motion 的现代暗色主题 UI 系统，适用于仪表盘、后台管理面板和数据密集型应用，具有毛玻璃效果与精致动画。
查看详情

React设计系统代码生成器

rayden-code
sickn33/agentic-awesome-skills
351
本工具用于使用指定的Rayden UI组件库和Tailwind CSS，生成符合生产标准的React界面代码。它确保生成的代码严格遵守设计系统规范，涵盖了组件使用、设计令牌、属性校验和布局模式。非常适用于搭建仪表盘、登录表单、数据表格等复杂页面，保证界面美观和一致性。
查看详情
上一页123下一页
语言
简体中文
English