base

面向 Web 和移动端的 UI/UX 设计智能。包含 50+ 种风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 准则以及 25 种图表…

在执行任何涉及 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

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

原始机械界面，将瑞士印刷排版与军事终端美学相融合。严密的网格、极端的字号对比、实用主义配色、模拟……

捕获网站并从中创建 HyperFrames 视频。适用场景：(1) 用户提供 URL 并希望生成视频；(2) 用户要求“捕获这个网站”、“将其转换为视频”或“用我的网站制作宣传片”；(3) 用户需要基于现有网站制作社交广告、产品导览或任何视频；(4) 用户分享链接并要求生成任何类型的视频内容。即使用户只是粘贴了一个 URL，也应使用此技能。

在实现或调试任何网络请求、API 调用或数据获取时使用。涵盖 fetch API、React Query、SWR、错误处理、缓存、离线……

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

使用 Expo DOM 组件在原生平台的 webview 中运行 Web 代码，并在 Web 端按原样运行。渐进式将 Web 代码迁移至原生平台。

构建一次性原型，在正式确定设计前验证其可行性。在两个分支之间进行路由——一个用于状态/业务逻辑的可运行终端应用……

分析数据集以提取洞察、识别模式并生成报告。适用于探索数据、创建可视化或执行统计……

构建和配置 Laravel 10+ 应用，包括创建 Eloquent 模型和关联关系、实现 Sanctum 身份验证、配置 Horizon……

优化应用性能，提升速度、效率和可扩展性。适用于改善页面加载时间、减小打包体积、优化数据库查询等场景……

有效地规划和组织软件开发任务。适用于分解功能、创建用户故事或规划迭代。处理任务分解，…

Node.js 开发原则与决策制定。涵盖框架选择、异步模式、安全性与架构。授人以渔，而非生搬硬套。

组织项目文件和文件夹，以提升可维护性与可扩展性。适用于构建新项目、重构目录结构或建立……

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