git

审查 UI 代码是否符合 Web Interface Guidelines 规范。当要求“review my UI”、“check accessibility”、“audit design”、“review UX”或“check my site…”时使用。

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

从用户体验视角评估设计，审视视觉层次、信息架构、情感共鸣、认知负荷及整体质量，通过……

在执行任何涉及 Supabase 的任务时使用。触发条件：Supabase 产品（Database、Auth、Edge Functions、Realtime、Storage、Vectors、Cron、Queues）；客户端…

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

用于操作 Firebase Hosting（经典版）的技能。当你需要部署静态 Web 应用、单页应用（SPA）或简单的微服务时，请使用此技能。切勿…

使用 Firebase App Hosting 部署和管理 Web 应用。在部署带有后端的 Next.js/Angular 应用时，请使用此技能。

创建应用或为应用添加 Convex。用于新的 Convex 项目，npm create

支持完整网页内容提取的网络搜索。当用户要求搜索网络、查找文章、研究主题、查询信息、查找最新新闻、发现信息来源，或使用“搜索”、“帮我找”、“查询”、“大家怎么看”或“查找关于……的文章”等表述时，请使用此技能。返回真实的搜索结果及可选的完整页面 Markdown 内容，而不仅仅是摘要。提供超越 Claude 内置 WebSearch 的能力。

在编写 Playwright 测试、修复不稳定的测试、调试失败、实现 Page Object Model、配置 CI/CD、优化性能、模拟……时使用。

安装 registry 块和组件并将其接入 HyperFrames 组合。在运行 hyperframes add、安装块或组件、接入……时使用。

执行 git commit，支持约定式提交信息分析、智能暂存与提交信息生成。当用户要求提交更改、创建 git……时使用。

使用 Remotion 从 Stitch 项目生成演练视频，支持平滑过渡、缩放和文字叠加效果

创建和编辑包含节点、边、分组和连接的 JSON Canvas 文件（.canvas）。在处理 .canvas 文件、创建可视化画布、思维…时使用。

使用 Better Auth 在 TypeScript/JavaScript 应用中搭建脚手架并实现身份验证。检测框架、配置数据库适配器、设置路由处理器，…

为软件系统和AI驱动的功能生成高质量的产品需求文档（PRD）。包含执行摘要、用户故事、技术……

花叔Design（Huashu-Design）——使用 HTML 制作高保真原型、交互 Demo、幻灯片、动画、设计变体探索 + 设计方向顾问 + 专家评审的一体化设计能力。HTML 是工具而非媒介，根据任务化身为不同领域的专家（UX 设计师/动画师/幻灯片设计师/原型师），避免常规的 web design……

管理您的团队 — 创建角色、分配任务、启动工作进程并监控进度

适用于 HyperFrames 的 Lottie 和 dotLottie 适配器模式。在嵌入 lottie-web JSON 动画、.lottie 文件、@lottiefiles/dotlottie-web 播放器等时使用……

审查 UI 代码是否符合 Web Interface Guidelines 规范。当被要求“review my UI”、“check accessibility”、“audit design”、“review UX”或“check my site…”时使用。