design

Stitch 设计工作的统一入口。负责处理提示词增强（UI/UX 关键词、氛围）、设计系统综合（.stitch/DESIGN.md），以及…

构建、调试和优化 Claude API / Anthropic SDK 应用。使用此技能构建的应用应包含提示词缓存。同时支持迁移现有的 Claude…

优化搜索引擎可见性和排名。当被要求“改进 SEO”、“优化搜索”、“修复 meta 标签”、“添加结构化数据”、“站点地图”时使用……

在编写、审查或重构 iOS 或 macOS 的 SwiftUI 代码时使用，包括状态管理、视图组合、性能优化、Liquid Glass 采用，或……

掌握 REST 和 GraphQL API 设计原则，构建直观、可扩展且易于维护的 API，为开发者带来出色的体验。适用于设计新 API……

根据内容生成专业的演示文稿图片。先创建带有样式说明的大纲，然后生成单张幻灯片图片。当用户要求……时使用。

支持 21 种布局类型和 22 种视觉风格，生成专业信息图表。分析内容，推荐布局与风格的组合，并生成……

使用 pytest、fixtures、mocking 和测试驱动开发实现全面的测试策略。适用于编写 Python 测试、搭建测试套件……

为软件系统和AI驱动的功能生成高质量的产品需求文档（PRD）。包含执行摘要、用户故事、技术……

提供完整的 shadcn/ui 组件库模式，包括无障碍 React 组件的安装、配置与实现。适用于……

花叔Design（Huashu-Design）——使用 HTML 制作高保真原型、交互 Demo、幻灯片、动画、设计变体探索 + 设计方向顾问 + 专家评审的一体化设计能力。HTML 是工具而非媒介，根据任务化身为不同领域的专家（UX 设计师/动画师/幻灯片设计师/原型师），避免常规的 web design……

掌握高效的代码审查实践，以提供建设性反馈、尽早发现缺陷并促进知识共享，同时保持团队士气。适用于……

在设计或审查 PostgreSQL 专属 schema 时使用此技能。涵盖最佳实践、数据类型、索引、约束、性能模式以及……

构建一次性原型，在正式确定设计前验证其可行性。在两个分支之间进行路由——一个用于状态/业务逻辑的可运行终端应用……

根据自然语言描述生成 Excalidraw 图表。当被要求“创建图表”、“制作流程图”、“可视化流程”、“绘制……”时使用。

精准的代码重构，在不改变行为的前提下提升可维护性。涵盖提取函数、重命名变量、拆分上帝函数等操作……

当用户希望审查或优化 App Store 或 Google Play 的应用详情页时使用。当用户提到“ASO 审查”、“应用商店优化”、“优化……”时也应使用。

用于构建生产级应用的 NestJS 最佳实践与架构模式。在编写、审查或重构……时，应使用此技能。

全面审查 SwiftUI 代码，涵盖现代 API 的最佳实践、可维护性与性能。适用于阅读、编写或审查 SwiftUI……

面向 Codex 的顶级网站图像转代码技能。对于视觉要求高的 Web 任务，它必须首先自行生成设计图，对其进行深入分析，然后……