微信扫一扫personjakexiao无需 Key
design-system-modern-oklch
在使用OKLCH颜色、Shadcn组件和Tailwind v4设置现代UI设计系统时使用 - 提供生产就绪的设计令牌、组件模式以及前沿色彩科学的完整设置
download11deployed_code—star123
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
design-theme
设计主题
download11deployed_code—star123
personjakexiao无需 Key
design-to-component-translator
将Figma/设计规范转化为可用于生产的UI组件，包括准确的间距、字体、颜色标记、响应式规则和交互状态（悬停、聚焦、禁用、激活）。生成带有设计系统标记映射的Tailwind/shadcn代码。在将“Figma转代码”、“设计规范转组件”或“实现设计系统”时使用。
download11deployed_code—star123
personjakexiao无需 Key
design-tokens
全面的设计令牌系统，涵盖字体、颜色和主题，并符合WCAG AA标准，支持TypeScript类型以及框架集成（CSS-in-JS、Tailwind、CSS变量）。
download11deployed_code—star123
personjakexiao无需 Key
design-validate
验证设计文档结构和前置信息。在检查设计文档是否合规、确保正确格式或在提交前验证元数据时使用。
download11deployed_code—star123
personjakexiao无需 Key
design-with-traceability
根据具有REQ-*可追溯性的需求创建技术解决方案架构。设计组件、API、数据模型和交互。用需求关键字标记所有设计工件。在需求验证后，编码开始前使用。
download11deployed_code—star123
personjakexiao无需 Key
designing-assertions
Phylax可信层断言设计。为Phylax/可信层断言设计不变量和触发器映射。
download11deployed_code—star123
personjakexiao无需 Key
designing-avalonia-customcontrol-architecture
定义了使用CustomControl的AvaloniaUI桌面应用程序的基本解决方案结构。在创建新的AvaloniaUI项目或使用ControlTheme设计独立控件样式时使用。
download11deployed_code—star123
personjakexiao无需 Key
design-system-planning
规划设计系统 - 组件库、设计令牌、文档策略、版本控制、治理和采用框架。
download11deployed_code—star123
personjakexiao无需 Key
design-systems
帮助用户构建和扩展设计系统。当有人正在创建组件库、建立设计令牌、扩展品牌一致性或决定何时投资于设计系统时使用。
download11deployed_code—star123
personjakexiao无需 Key
design-token-extractor
从图像中提取设计令牌，并根据W3C标准和现代CSS最佳实践生成CSS自定义属性、原子实用类（Tailwind风格）以及特定平台的格式。
download11deployed_code—star123
personjakexiao无需 Key
design-update
更新特定设计文档的新内容或元数据。在修改设计文档、更新状态/完整性或代码更改后同步时使用。
download11deployed_code—star123
personjakexiao无需 Key
design-validation
交叉检查设计工件的一致性和完整性。在实施前使用。
download11deployed_code—star123
personjakexiao无需 Key
design-vision
通过深度分析、互动视觉发现、规划和基于检查点的执行，将设计灵感转化为实际代码。当你有一个截图/参考图并希望构建类似的东西时使用，同时理解和保留设计意图。
download11deployed_code—star123
personjakexiao无需 Key
design-with-tailwind-plus
专家级UI设计师，使用Tailwind CSS v4和Tailwind Plus组件构建响应式、可访问的网页界面。适用于构建网站、登录页面、Web应用程序、UI组件、表单、导航、布局、电子商务页面或营销页面。可以访问657个Tailwind Plus组件模板，包括应用外壳、表单、导航、数据显示、叠加层、电子商务结账流程、产品页面、营销标题、价格部分等。专长于响应式设计、可访问性（WCAG）、暗模式…
download11deployed_code—star123
personjakexiao无需 Key
designing-clis
在构建、改进或审查命令行界面以提高用户体验时使用 - 在实现命令/输出/错误之前，当用户报告困惑或挫败感时，或者当CLI感觉难以使用时 - 提供UX原则、视觉设计技巧和实用模式，以创建可发现的、令人愉悦的CLI
download11deployed_code—star123
personjakexiao无需 Key
design-system-planning
规划设计系统 - 组件库、设计令牌、文档策略、版本控制、治理和采用框架。
download11deployed_code—star123
personjakexiao无需 Key
design-system-workflow
使用Swift Design System进行iOS UI实现的技能。提供设计令牌（颜色、版式、间距、圆角、动画、提升）、UI组件（按钮、卡片、标签、浮动操作按钮、Snackbar、选择器）和布局模式（AspectGrid、SectionCard）的最佳实践。通过“设计”、“UI”、“主题”、“颜色”、“色彩”、“版式”、“字体”、“间距”、“空白”、“圆角”、“动画”、“按钮”、“卡片”、“标签…
download11deployed_code—star123
personjakexiao无需 Key
design-token-management
在实现设计令牌系统、CSS变量架构或样式字典管道时使用。涵盖令牌模式、命名约定、令牌转换以及为设计系统提供多平台令牌交付。
download11deployed_code—star123
personjakexiao无需 Key
design-tracker
主动跟踪并记录项目设计决策，无需被要求。在检测到架构讨论、实现决策、模式选择、库选择或任何技术决策时自动激活。当用户明确说“記録して”、“设计怎么样”、“record this”时也使用。不要等待用户提问 - 立即记录重要决策。
download11deployed_code—star123
personjakexiao无需 Key
design-tokens-validator
[设计系统] 验证代码和样式是否使用了官方的设计令牌而非硬编码值。在以下情况下使用：(1) 审查CSS/SCSS/Tailwind/styled-components中的硬编码颜色/间距，(2) 检查SwiftUI/UIKit中的原始颜色/字体值，(3) 审核Unity样式中的魔术数字，(4) 强制执行设计系统的一致性，(5) 用户要求'检查设计令牌'、'验证令牌'、'查找硬编码值'或'审核设计系…
download11deployed_code—star123
personjakexiao无需 Key
designing-apis
指导REST和GraphQL API设计、端点模式、请求/响应架构、版本控制以及API最佳实践。在构建API、设计端点或审查API合同时使用。
download11deployed_code—star123
personjakexiao无需 Key
Designing Before Coding
先用伪代码设计，迭代方法，然后转换为代码
download11deployed_code—star123
personjakexiao无需 Key
designing-dynamodb-tables
专门用于设计具有优化访问模式的AWS DynamoDB单表架构的技能。在建模数据、设计表结构或为生产应用程序优化DynamoDB查询时使用。
download11deployed_code—star123