one

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

设计让界面感觉精致的工程原则。适用于构建 UI 组件、审查前端代码、实现动画、悬停效果……

Vue Router 4 模式、导航守卫、路由参数以及路由与组件的生命周期交互。

精英级前端图像方向技能，用于生成高质量、注重转化率的网站设计参考。关键输出规则 — 生成一个独立的…

验证动画时长，强制排版比例，检查组件可访问性，并防止 Tailwind CSS 项目中的布局反模式。使用场景……

使用 @nuxt/ui v4 构建 UI — 125+ 个具备无障碍访问特性的 Vue 组件，支持 Tailwind CSS 主题。适用于创建界面、自定义主题以契合品牌风格，…

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

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

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

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

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

为任何组件、页面或视觉界面生成独特、达到生产级标准的 UI。当用户发送带有…的图片时，可处理基于截图的迭代。

YouTube 缩略图设计，包含特定尺寸、对比度规则和移动端预览优化。涵盖安全区、文字排版、面部表情……

排版专业文档：简历、单页文档、白皮书、信函、作品集、幻灯片。暖色调羊皮纸风格，墨蓝色点缀，以衬线字体为主的层级结构。CN…

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

帮助用户生成和评估创业点子。当有人在进行商业头脑风暴、寻找创业概念、评估某个点子是否可行时使用……

从代理设备检查和分析 React Native 组件树。用于 React Native 性能分析、属性、状态、Hooks、渲染原因、慢…