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

Skill UI

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

核心组件设计系统

code-showcase-core-components
sickn33/agentic-awesome-skills
299
该技能用于使用核心组件库和设计系统模式构建UI，提供间距、颜色和排版设计令牌的使用指南，包含Box、HStack、VStack、Text、Button、Input和Card等组件的模式，确保UI开发的一致性和可维护性。
查看详情

核心 UI 组件库

core-components
sickn33/agentic-awesome-skills
170
本技能涵盖使用核心组件库和设计系统模式构建用户界面。强调使用设计令牌而非硬编码值来处理间距、颜色和排版。包含 Box、按钮、输入框等组件及表单和列表布局模式。确保应用程序样式和行为的一致性。
查看详情

React设计系统代码生成器

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

构建Tailwind设计系统

tailwind-design-system
sickn33/agentic-awesome-skills
135
本技能用于指导使用Tailwind CSS构建专业级设计系统。它涵盖设计令牌（tokens）、组件变体、响应式模式和可访问性等高级主题。适用于构建组件库、实现主题化，或需要跨代码库统一用户界面（UI）模式的场景。
查看详情

Tailwind CSS v4 前端开发模式

tailwind-patterns
sickn33/agentic-awesome-skills
350
掌握现代 Tailwind CSS v4 开发，包括 CSS 优先配置、容器查询和设计令牌。学习响应式布局、暗色模式及组件提取策略，提升前端工程效率。
查看详情

移动页面脚手架

ui-page
sickn33/agentic-awesome-skills
66
使用StyleSeed布局模式快速搭建新的移动端页面。提供PageShell、TopBar、BottomNav组件模板，强制使用设计令牌、间距规则，并对照黄金规则进行验证。
查看详情

UI 模式生成器

ui-pattern
sickn33/agentic-awesome-skills
267
此技能用于生成由设计系统基础组件组成的 UI 模式，如卡片布局、列表、表单和网格。它帮助开发者高效组装可复用的界面区域，无需重新创建基础元素。适用于构建页面内的结构化内容区域，同时遵循既定的设计令牌和布局规则以确保一致性。
查看详情

UI 代码合规审查

ui-review
sickn33/agentic-awesome-skills
321
此技能用于审查 UI 代码是否符合设计系统规范、无障碍标准及最佳实践。它检查硬编码值、组件约定、移动响应式、性能优化、排版一致性及视觉连贯性，确保代码与设计令牌和无障碍指南（如 WCAG）对齐。
查看详情

设计令牌管理器

ui-tokens
sickn33/agentic-awesome-skills
222
此技能允许您在 StyleSeed 设计系统中查看、添加或修改设计令牌。它管理颜色、排版、间距、圆角和阴影等核心视觉属性，通过同步 JSON 源文件与 CSS 实现来维护设计系统的一致性。适用于开发过程中保持 UI 组件统一和样式规范。
查看详情
上一页12345
语言
简体中文
English