frontend

遵循现代设计模式，构建可复用、易维护的 UI 组件。适用于创建组件库、实现设计系统或构建……

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

Anthony Fu 为 JavaScript/TypeScript 项目定制的工具链与规范。适用于初始化新项目、配置 ESLint/Prettier 等场景。

在编写使用 InsForge 或 @insforge/sdk 的应用代码时使用此技能：数据库 CRUD、身份验证、存储上传/存储 RLS、函数、AI、实时、电子邮件、Stripe 结账、订阅、客户门户流程，或将兼容 S3 的工具（aws CLI、AWS SDKs、rclone、Terraform、boto3）指向 InsForge Storage。在遇到添加身份验证、获取数据、上传文件、将存储桶设为公开、添加结账、售卖订阅或发送电子邮件等请求时触发。对于基础设施、SQL 迁移、CLI 命令或 Stripe 密钥/目录设置，请改用 insforge-cli。

当通过 CLI 管理 InsForge 基础设施时使用此技能：项目、SQL、迁移、RLS 策略、函数、存储桶、前端部署、计算服务、密钥/环境变量、Stripe 支付密钥/目录/产品/价格/Webhook、定时任务、日志、诊断、导入/导出，或**管理后端分支**（创建分支项目以测试高风险的 schema/认证/RLS 更改，将分支合并回生产环境，解决合并冲突）。对于使用 @insforge/sdk 的应用代码，请改用 insforge 技能。

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

按照官方快速入门指南，将 Clerk 身份验证添加到任何项目

跨项目编码规范的基线，涵盖命名、可读性、不可变性及代码质量审查。请使用详细的前端或后端技能来实现……

React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式。

当用户想要“部署 agent”、“部署我的 ADK agent”、“设置 CI/CD”、“配置 secrets”、“排查部署问题”，或者需要关于 Agent Runtime、Cloud Run 或 GKE 部署目标的指导时，应使用此技能。涵盖部署工作流、服务账号、回滚以及生产基础设施。属于 Google ADK (Agent Development Kit) 技能套件的一部分。请勿用于 API 代码模式（请使用 google-agents-cli-adk-code）、评估（请使用 google-agents-cli-eval）或项目脚手架（请使用 google-agents-cli-scaffold）。

Clerk 后端 REST API 浏览器与执行器。支持浏览标签、检查端点 Schema，以及执行经过身份验证的请求。在列出用户、管理……时使用。

在 InsForge 项目中遇到错误、Bug、性能问题或异常行为时使用此技能——涵盖从前端 SDK 错误到后端基础设施问题的各种情况。触发条件：SDK 返回错误对象、HTTP 4xx/5xx 响应、Edge Function 故障或超时、数据库查询缓慢、身份验证/授权失败、Realtime 频道问题、后端性能下降（CPU/内存占用过高/响应缓慢）、Edge Function 部署失败，或前端 Vercel 部署失败。此技能将指导执行诊断命令以定位问题。手动场景仅展示日志和状态；而 AI 辅助路径（`diagnose --ai`）还会额外返回可能的原因与解决方案。

从零创建或通过转换 PowerPoint 文件，生成带有丰富动画的精美 HTML 演示文稿。当用户需要构建演示文稿、转换……时使用。

用于本地开发的 Docker 与 Docker Compose 模式，涵盖容器安全、网络、数据卷策略及多服务编排。

Everything Claude Code 的交互式安装程序 — 引导用户选择并将技能和规则安装到用户级或项目级目录，…

创建专业、深色主题的任意类型 SVG 图表——架构图、流程图、时序图、结构图、思维导图、时间轴等……

创建和更新融资演示文稿、单页简介、投资者备忘录、加速器申请材料、财务模型以及融资材料。在用户需要……时使用。

分析陌生代码库，并生成结构化的上手指南，包含架构图、关键入口点、代码规范以及入门 CLAUDE.md。使用…

面向AI辅助开发的回归测试策略。无数据库依赖的沙盒模式API测试、自动化缺陷检查工作流及模式……

构建生产级 UI。适用于构建或修改面向用户的界面。适用于创建组件、实现布局、管理状态或……