design-prune
从设计文档中移除历史遗留的无用内容。当文档积累了过时的内容、进行了重大重构后,或是在准备发布时使用。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
从设计文档中移除历史遗留的无用内容。当文档积累了过时的内容、进行了重大重构后,或是在准备发布时使用。
审查UI组件以确保设计系统合规性、可访问性和视觉一致性
为Supabase设计完整的数据库模式,包括表、关系、约束和索引。当用户描述数据模型、实体或请求模式设计时触发。
移动优先的响应式设计,适用于美观的多设备UI。断点、流式布局、触摸优化以及创意响应模式,为不同屏幕提供独特的体验。在构建响应式UI或适应移动/平板/桌面时使用:- 创建移动优先布局、响应式登录页面、Web应用程序- 定义断点和流式排版(移动/平板/桌面尺寸)- 针对触摸设备、移动用户、智能手机/平板电脑交互进行优化- 响应式组件模式(导航、表格、表单、图片)- 用户提到“移动”、“响应式”、“平板…
验证代码实现是否与设计规范一致。在实现功能后、代码审查期间或重构时使用,以确保架构合规性。比较设计文档与实际代码。
同步设计文档与代码库状态。在验证文档准确性、代码更改后或上次同步已过期时使用。
构建全面的设计系统和设计规范,配备可用于生产的CSS。精通设计令牌、组件库、CSS架构。用于设计系统的创建、令牌架构、组件文档编写、样式指南生成。激活关键词包括“设计系统”、“设计令牌”、“CSS架构”、“组件库”、“样式指南”、“设计规范”。不适用于字体深入探讨(请使用typography-expert)、色彩理论数学(请使用color-theory-palette-harmony-expert…
关于法国设计系统(DSFR)的文档和可访问性,这是一套组件和最佳实践,用于创建符合法国政府标准的用户界面。当用户想要实现DSFR组件、需要DSFR文档、询问有关法国政府设计系统的信息、需要RGAA可访问性指南、与法国政府网站工作或需要可访问组件的HTML/CSS示例时使用。
生成设计文档的状态报告。在创建文档摘要、跟踪进度或准备文档审查时使用。
链接到原型、截图或规格说明。
全文搜索设计文档。当寻找特定主题、决策或模式时使用,这些内容被记录在设计文档中。
ScalarDB Analytics设计代理 - 使用ScalarDB Analytics设计分析基础。制定基于Apache Spark的分析查询、跨多数据库分析。通过/design-scalardb-analytics [目标路径] 调用。
辅助系统设计审查的Copilot代理,使用ATAM(架构权衡分析方法)、SOLID原则、设计模式、耦合/内聚分析、错误处理和安全需求触发词:设计审查、架构审查、ATAM、SOLID原则、设计模式、耦合、内聚、ADR审查、C4审查、架构分析、设计质量在以下情况下使用:用户请求涉及设计文档审查、架构评估或设计质量评估任务。
审查设计系统的使用情况和存在的差距
强制性的shadcn/ui与Tailwind v4设计系统指南。规定了4种字体大小、2种字体粗细、8pt网格间距、60/30/10色彩规则、OKLCH色彩以及可访问性标准。在创建组件、页面或任何UI元素时使用。所有代理必须在生成代码前阅读并验证是否符合设计系统。
创建和管理设计系统,包括设计令牌、主题(亮/暗模式)、标准化间距、颜色、排版以及组件注册表
审查已完成和正在进行的数字产品,以评估其是否符合设计规范,并发现这些规范中的潜在问题。验证实现是否符合设计意图,识别视觉和交互上的差异,并为设计和工程团队提供可操作的反馈。
链接到原型、截图或规格说明。
ScalarDB设计代理 - 使用ScalarDB Cluster进行微服务的数据架构设计。制定分布式事务、模式设计、多语言持久化策略。通过/design-scalardb [目标路径] 调用。
提供 UI/UX 设计、用户研究、视觉设计和品牌一致性能力。当需要设计界面、进行用户研究或创建视觉资产时使用。
使用Playwright MCP将现有的落地页(来自URL或图片)复制到代码库中的指定页面。迭代地改进实现,直到尽可能与参考设计和交互相匹配。当用户想要复制/引用/借鉴现有的落地页/URL以在其应用程序中重现时使用。
在从多个并行子代理合成输出时自动激活
构建或更新严格遵循在design/design-system.json(以及存在时的design/design.json)中定义的项目设计系统的前端组件和页面。
检测并跟踪Figma设计系统与代码实现之间的设计令牌漂移 - 仅报告技能,用于识别不一致并为解决创建wrangler问题