ing

当用户希望使用模板和数据大规模创建 SEO 驱动的页面时使用。当用户提及“programmatic SEO”、“template pages”、“pages… ”时也可使用。

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

通过质询环节，用现有领域模型检验你的方案，打磨术语，并同步更新文档（CONTEXT.md、ADR）……

审查并调整 UI，使其符合设计系统标准、间距、设计变量和模式。当用户提到一致性、设计偏移、不匹配……时使用。

设计与优化新手引导流程、空状态和首次运行体验，帮助用户快速获取价值。当用户提及新手引导……时使用。

运用设计理念，在 .png 和 .pdf 文档中创作精美的视觉艺术。当用户要求创作海报、艺术品等时，应使用此技能。

当用户想要优化任何非注册/报名表单时——包括潜在客户捕获表单、联系表单、演示请求表单、申请表单……

当用户希望出于营销目的（如潜在客户挖掘、SEO 价值或品牌知名度）规划、评估或构建免费工具时。此外，当用户……时也可使用。

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

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

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

教导 AI 像高端设计机构一样进行设计。定义能让网站尽显高级感的精确字体、间距、阴影、卡片结构和动画……

设置 Convex 认证、身份映射和访问控制。用于登录和认证。

将现有网站和应用升级至高端品质。审查当前设计，识别通用 AI 模式，并应用高标准设计规范，而无需……

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

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

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

使用 p5.js 结合种子随机数和交互式参数探索来创作算法艺术。当用户请求使用代码创作艺术时使用此技能，…

改善布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提及布局感觉……时使用。

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