design

当用户提出“我该如何做 X”、“为 X 找一个技能”、“有没有可以……的技能”等问题，或表达…

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

来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js……时，应使用此技能。

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

为部署准备 Azure 应用（基础设施 Bicep/Terraform、azure.yaml、Dockerfile）。用于创建/现代化或创建+部署；不适用于跨云迁移（使用…

Remotion 最佳实践 - 使用 React 创建视频

创建新技能，修改和改进现有技能，并衡量技能性能。当用户想要从头创建技能、编辑或优化…时使用。

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

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

来自 Supabase 的 Postgres 性能优化与最佳实践。在编写、审查或优化 Postgres 查询、Schema 设计或……时，请使用此技能。

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

根据工作负载描述，架构设计并配置企业级 Azure 基础设施。面向规划网络、身份等内容的云架构师和平台工程师。

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

规划、创建和配置生产就绪的 Azure Kubernetes Service (AKS) 集群。涵盖 Day-0 清单、SKU 选择（Automatic 与 Standard）、网络…

使用 Wonda CLI 从终端生成图像、视频、音乐和音频——以及 LinkedIn、Reddit 和 X/Twitter 的调研与自动化

当用户要求发现、安装、列出、检查、更新、移除、备份、恢复、同步或初始化 Agent Skills 时使用，提及 `bunx skills`、`npx skills`…

适用于为自托管进行云服务器的设置、加固或审查，包括 DNS、SSH、防火墙、Nginx、静态站点托管、反向代理……

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

构建高性能移动应用的 React Native 和 Expo 最佳实践。使用

就一项计划或设计方案向用户进行穷追不舍的提问，直到达成共识，并理清决策树的每一个分支。适用于当用户想要……