frontend

优化应用性能，提升速度、效率和可扩展性。适用于改善页面加载时间、减小打包体积、优化数据库查询等场景……

有效地规划和组织软件开发任务。适用于分解功能、创建用户故事或规划迭代。处理任务分解，…

创建适用于所有设备和屏幕尺寸的响应式网页设计。适用于构建移动优先布局、实现断点或优化……

Node.js 开发原则与决策制定。涵盖框架选择、异步模式、安全性与架构。授人以渔，而非生搬硬套。

组织项目文件和文件夹，以提升可维护性与可扩展性。适用于构建新项目、重构目录结构或建立……

当用户想要“创建技能”、“向插件添加技能”、“编写新技能”、“改进技能描述”、“整理技能……”时，应使用此技能。

遵循现代设计模式，构建可复用、易维护的 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。

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

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

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

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

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

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

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

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

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

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