form

掌握 TypeScript 的高级类型系统，包括泛型、条件类型、映射类型、模板字面量类型和工具类型，用于构建类型安全的…

简洁的编辑风格界面。温暖的黑白单色调色板、字体对比、扁平化便当盒网格、柔和的粉彩色。无渐变，无重度阴影。

使用 p5.js 结合种子随机数和交互式参数探索来创作算法艺术。当用户请求使用代码创作艺术时使用此技能，…

将模糊的 UI 创意转化为精炼且针对 Stitch 优化的提示词。增强具体性，添加 UI/UX 关键词，注入设计系统上下文，并结构化……

在编写 Playwright 测试、修复不稳定的测试、调试失败、实现 Page Object Model、配置 CI/CD、优化性能、模拟……时使用。

Google Stitch 的语义设计系统技能。生成对智能体友好的 DESIGN.md 文件，以强制执行高品质、反同质化的 UI 标准——严格的排版，…

将整个网站下载为本地文件——Markdown、截图或每页多种格式。当用户想要在本地保存网站、下载文档以供离线使用、批量将页面保存为文件，或者说“下载网站”、“保存为本地文件”、“离线副本”、“下载所有文档”或“保存以供参考”时，请使用此技能。将网站映射和抓取功能结合，整理为有序的本地目录。

创建具有高设计品质、独特且达到生产级标准的前端界面。当用户要求构建 Web 组件、页面或…时，请使用此技能。

Firestore 企业原生模式的全面指南，涵盖配置、数据模型、安全规则和 SDK 使用。当用户需要以下帮助时，请使用此技能……

HyperFrames CLI 开发循环 — 使用 `npx hyperframes` 进行脚手架搭建（init）、校验（lint、inspect）、预览、渲染以及环境故障排查（doctor，…

HyperFrames 的 GSAP 动画参考。涵盖 gsap.to()、from()、fromTo()、缓动、交错、默认值、时间轴（gsap.timeline()、位置参数，…

当用户想要创建、规划或优化用于收集邮箱或潜在客户开发的引流诱饵时使用。当用户提及“lead magnet”、“gated…

一组帮助我撰写各类内部沟通内容的资源，采用公司偏好的格式。当……时，Claude 应使用此技能。

自动化浏览器交互、测试网页并处理 Playwright 测试。

使用 Express/Fastify 构建生产级 Node.js 后端服务，实现中间件模式、错误处理、身份验证、数据库集成……

在编写代码之前规划功能的 UX 和 UI。运行结构化的探索访谈，随后生成用于指导实现的设计简报。使用……

在实现或调试任何网络请求、API 调用或数据获取时使用。涵盖 fetch API、React Query、SWR、错误处理、缓存、离线……

执行 git commit，支持约定式提交信息分析、智能暂存与提交信息生成。当用户要求提交更改、创建 git……时使用。

一个通用的自我改进智能体，能从所有技能经验中学习。采用多记忆架构（语义 + 情景 + 工作）以持续进化…

Expo SDK 版本升级与依赖问题修复指南