and

使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…

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

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

用于 GSAP 插件的官方 GSAP 技能 —— 注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、SVG 以及……

GSAP 官方 gsap.utils 技能——包含 clamp、mapRange、normalize、interpolate、random、snap、toArray、wrap、pipe。当用户询问 gsap.utils 时使用，…

适用于 Vue、Svelte 及其他非 React 框架的官方 GSAP 技能 —— 涵盖生命周期、选择器作用域、卸载时清理。当用户想要在……中实现动画时使用。

通过 inference.sh CLI 自动化 Twitter/X，实现发帖、互动和用户管理。应用：x/post-tweet、x/post-create（含媒体）、x/post-like，…

使用 Chrome DevTools MCP 分析 Web 性能。测量核心 Web 指标 (LCP、INP、CLS) 及辅助指标 (FCP、TBT、Speed Index)，识别…

由 Rolldown 驱动，以极速打包 TypeScript 和 JavaScript 库。适用于构建库、生成类型声明、打包为……

在编写使用 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 标准——严格的排版，…

使用 Expo Modules API（Swift、Kotlin、TypeScript）创建和编写 Expo 原生模块与视图的指南。涵盖模块定义 DSL、原生……

Prisma CLI 命令参考，涵盖所有可用命令、选项和用法模式。在运行 Prisma CLI 命令、初始化项目……时使用。

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

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

自定义身份验证流程与组件外观 - 钩子 (useSignIn,

后端架构模式、API 设计、数据库优化，以及针对 Node.js、Express 和 Next.js API 路由的服务端最佳实践。

优化 Core Web Vitals (LCP、INP、CLS) 以提升页面体验和搜索排名。当被要求“改善 Core Web Vitals”、“修复 LCP”、“降低 CLS”等时使用。

为应用提供一次性用户管理、多链钱包认证、AI 驱动的助手以及 AI 应用内省。当用户希望让网站……时使用。

涵盖性能、无障碍访问、SEO 和最佳实践的综合 Web 质量审计。当被要求“审计我的网站”、“审查 Web 质量”、“运行…”时使用。