one

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

可扩展的 React 组合模式。在重构以下组件时使用：

在进行任何创造性工作之前，你必须使用此技能——包括创建功能、构建组件、添加功能或修改行为。它会探索用户意图……

管理 shadcn 组件与项目——添加、搜索、修复、调试、样式调整与组合 UI。提供项目上下文、组件文档及用法……

在进行任何创意或架构工作（功能设计、组件创建或行为变更）之前调用。一个为……优化的精简头脑风暴流程。

弱化视觉上过于强烈或过度刺激的设计，在保持质量的同时降低视觉强度。当用户提到太突兀、太花哨……等情况时使用。

超精简的代码审查评论。在保留可执行建议的同时，剔除 PR 反馈中的干扰信息。每条评论仅占一行：位置、问题、修复方案。当用户说“review this PR”、“code review”、“review the diff”、“/review”，或调用 /caveman-review 时使用。在审查 pull request 时自动触发。

当用户需要定价决策、产品包装或商业化策略方面的帮助时使用。当用户提及“pricing”、“pricing tiers”、“freemium”……时也应使用。

所有 caveman 模式、技能和命令的快速参考卡。一次性展示，非持久模式。触发方式：/caveman-help、"caveman help"、"what caveman commands"、"how do I use caveman"。

提取并整合可复用组件、设计令牌和模式到您的设计系统中。识别系统性复用的机会并丰富……

高级 UI/UX 工程师。构建数字界面以覆盖默认的 LLM 偏见。执行基于指标的规则、严格的组件架构、CSS 硬件……

随时查看你的 AI 智能体在做什么。智能体会持续生成日志、代码、输出结果、截图和构建产物。只需一条命令即可将文件夹转换为实时 URL，你（或队友）可在任意浏览器中打开，实时查看文件演变、就地编辑或添加评论——无需同步、无需打包、无需账号。工作区匿名保持在线 24 小时；通过一封邮箱认证即可永久保留。托管于 Cloudflare。触发指令包括“show me what the agent is doing”、“open the agent's folder”、“share this folder”、“give me a link”、“hand off this workspace”，或任何要求将智能体的本地文件状态共享给其他设备或他人的请求。

react:components — 一项可安装的 AI 代理技能，由 google-labs-code/stitch-skills 发布。

构建可复用的 Convex 组件，包含隔离的数据表和应用面向的 API。

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂、多组件 claude.ai HTML 产物的工具集。使用…

当用户想要创建销售宣传材料、演示文稿、单页文档、异议处理文档或演示脚本时使用。当用户提到“sales…”时也可使用。

使用 Tailwind CSS v4、设计令牌、组件库和响应式模式构建可扩展的设计系统。适用于创建组件库……

本技能编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的理念。

使用 Expo Router 构建精美应用的完整指南。涵盖基础知识、样式、组件、导航、动画、设计模式以及原生标签页。

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