面向应用开发的 Agent Skills

在本地或通过 TestFlight 构建和分发 Expo 开发客户端，用于在实体设备上对原生代码变更进行内部测试。

来自 expo/skills

• Testing
• Release

面向落地页、作品集和改版的反低质前端技能。Agent 阅读简报，推断正确的设计方向，并交付看起来不像模板的界面。适用时使用真实设计系统，改版时审计优先，严格的预检。

来自 leonxlnx/taste-skill

• Implementation

教会 AI 像高端机构一样做设计。定义让网站显得昂贵的精确字体、间距、阴影、卡片结构和动画。屏蔽所有让 AI 设计显得廉价或平庸的常见默认设置。

来自 leonxlnx/taste-skill

将现有网站和应用升级至高端品质。审计当前设计，识别通用的 AI 模式，并在不破坏功能的前提下应用高端设计标准。适用于任何 CSS 框架或原生 CSS。

来自 leonxlnx/taste-skill

此 skill 编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件感觉出色的隐形细节的理念。

来自 emilkowalski/skills

最初的 v1 品味技能，为依赖其确切行为的项目保留。当前默认是 `design-taste-frontend`（v2 实验版），这是一次大幅重写。仅当你需要精确的向后兼容性时才使用此 v1 安装名称。

来自 leonxlnx/taste-skill

• Design
• Implementation

Apple 的界面设计方法以及流畅、符合物理规律的运动，已为 Web 转译。在构建或审查手势驱动 UI、弹簧动画、拖拽/滑动/sheet 交互、动量和可中断过渡、半透明材质和深度、排版（optical sizing、tracking、…）时使用。

来自 emilkowalski/skills

• Testing
• Release

加载书面实施计划，进行批判性审查，带验证检查点执行任务，并完成开发分支。支持实施方面。

来自 obra/superpowers

• Implementation

从零构建网页动画，决定是否动画、目的、工具、属性、曲线、时长、中断和退出，然后编写实现。

来自 emilkowalski/skills

基于 Convex 构建的入口点，Convex 是一个全 TypeScript 的响应式后端，包含数据库、服务器函数、调度、文件存储、认证和实时同步，并路由到各项能力 skill。

来自 get-convex/agent-skills

• Implementation
• Release
• Operate & iterate

指导 Fastify Node.js 后端和 REST API 开发：路由、插件、JSON Schema 验证、钩子、错误、认证、性能、日志和部署。

来自 mcollina/skills

• Design
• Implementation

为 iOS、Android 和跨平台概念生成高级移动应用屏幕和流程图像，提供层级、调色板和手机模型的艺术指导。仅图像，无代码。

来自 leonxlnx/taste-skill

• Implementation

Prisma Compute 部署与托管指南：应用创建、prisma.compute.ts 配置、CLI 部署、框架就绪、日志、域名和故障排查。与发布和运营方面相关。

来自 prisma/skills

• Release

在任务完成后或合并前，派发一个带有精心准备上下文的代码审查子代理，然后按严重程度对反馈进行分类。支持测试和运营/迭代方面。

来自 obra/superpowers

• Requirements
• Design

扫描代码库寻找深化机会，以可视化HTML报告呈现，然后深入审查所选重构。与应用程序工作的实现和运营/迭代阶段相关。

来自 mattpocock/skills

• Design

由 Supabase 维护的 Postgres 最佳实践：查询性能、连接管理、RLS 安全、模式设计、锁和诊断。当应用使用 Postgres 时相关。

来自 supabase/agent-skills

• Operate & iterate

以资深动效顾问身份审计代码库的动画和动效代码，产出按优先级排序的发现和自包含的实现计划。对源代码只读。

来自 emilkowalski/skills

• Implementation

指导对代码审查反馈进行技术评估：实施前先验证，假设前先询问，有理有据地反驳，并按严重程度顺序实施。

来自 obra/superpowers

• Implementation

将 dependency-cruiser 接入 TypeScript 仓库，使每个包都是深层模块，实现隐藏在入口点之后，并强制执行边界和循环规则。

来自 mattpocock/skills

创建精美、经过验证的架构、工作流、时序、数据流和生命周期图，以可探索的独立 HTML 呈现，支持主题和导出选项。

来自 tt-a1i/archify

• Requirements
• Design

设置、改进或审计分析跟踪与衡量：跟踪计划、事件命名、GA4、GTM、UTM 和转化跟踪。

来自 coreyhaines31/marketingskills

• Requirements

一场不留情面的访谈，用于打磨计划或设计，同时产出 ADR 和术语表。支持应用项目的需求和设计工作。

来自 mattpocock/skills

• Requirements

在实施前通过持续追问来打磨计划或设计。适用于应用开发的需求/设计阶段，以压力测试意图。

来自 mattpocock/skills

• Requirements

确保在功能开发或计划执行前存在隔离的工作区，优先使用原生 worktree 工具，回退到手动 git worktree。

来自 obra/superpowers

用于设计深层模块的共享词汇。当用户想要设计或改进模块的接口、寻找深化机会、决定接缝位置、使代码更可测试或 AI 可导航时，或当另一个技能需要深层模块词汇时使用。

来自 mattpocock/skills

面向 Google Stitch 的语义设计系统 Skill。生成对 Agent 友好的 DESIGN.md 文件，强制执行高端、反同质化的 UI 标准——严格排版、校准配色、非对称布局、持续微动效和硬件加速性能。

来自 leonxlnx/taste-skill

• Design
• Implementation

妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用协作者与协作权限设置、应用角色与成员管理、自动化触发器（定时/记录变更/Webhook/飞书审批）。当用户要开发/新建一个系统·工具·平台·应用，或要本地开发 / 云端开发 / 修改 / 部署 / 发布 / 上线 / 拿可分享链接，或用 HTML 做页面·网站·部署到妙搭，或要设计 / design / mockup / prototype / wireframe / 做 PPT / deck / 视觉探索，或提到妙搭/Spark/Miaoda（应用运行时域名形如 *.aiforce.cloud）、应用数据库、应用文件存储、开放 API Key、可见范围、应用协作者/开发权限、应用角色/角色成员、线上日志、接口请求量、错误量、延迟、访问量、环境变量、给妙搭应用配自动化任务/定时触发/审批通过后自动触发时使用。不负责普通云盘文件上传（lark-drive）、飞书文档编辑（lark-doc）、原生幻灯片创建（lark-slides）。

来自 larksuite/cli

指导 Stripe 集成决策，涵盖开发和测试环境规划（独立沙盒与共享测试模式沙盒）、API 选择（Checkout Sessions 与 PaymentIntents）、Connect 平台设置（Accounts v2、控制器属性）、计费/订阅、税务和注册（Stripe Tax、automatic_tax、产品税码）、Treasury 金融账户、集成选项（Checkout、Payment Element）、从已弃用的 Stripe API 迁移，以及安全最佳实践（API 密钥管理、API 密钥权限、webhooks、OAuth）。适用于规划、构建、修改、测试或审查任何 Stripe 集成时，包括选择开发环境、接受付款、构建市场平台、集成 Stripe、处理付款、设置订阅、收取销售税、VAT 或 GST、创建关联账户或实现安全密钥处理。

来自 stripe/ai

当用户想要设计移动应用或 UI 界面、提到他们的 Sleek（sleek.design）项目，或用代码（HTML、React Native、SwiftUI）实现 Sleek 设计时使用。

来自 designed-by-ai/skills

声明的前提（自述）: API key · Paid account

在构建新 UI 或重塑现有 UI 时，提供打造独特、有意图的视觉设计的指导。帮助确定美学方向、排版，并做出不显得像模板化默认选项的选择。

来自 anthropics/skills

• Implementation

使用 .NET Web 开发的当前官方指南构建、审查、重构或架构 ASP.NET Core Web 应用。适用于处理 Blazor Web Apps、Razor Pages、MVC、Minimal APIs、基于控制器的 Web APIs、SignalR、gRPC、中间件、依赖注入、配置、身份验证、授权、测试、性能、部署或 ASP.NET Core 升级时。

来自 openai/skills

• Implementation

为用户代码库生成自定义设计系统规则。当用户说“创建设计系统规则”“为我的项目生成规则”“设置设计规则”“自定义设计系统指南”，或希望为 Figma 转代码工作流建立项目专属约定时使用。需要 Figma MCP 服务器连接。

来自 openai/skills

• Design

声明的前提（自述）: MCP server

当任务涉及将应用页面、视图或多板块布局转换到 Figma 时，请将此 skill 与 figma-use 搭配使用。触发条件：'write to Figma'、'create in Figma from code'、'push page to Figma'、'take this app/page and build it in Figma'、'create a screen'、'build a landing page in Figma'、'update the Figma screen to match code'。当用户希望根据代码或描述在 Figma 中构建或更新完整页面、屏幕或视图时，这是首选的工作流 skill。它通过 search_design_system 发现设计系统组件、变量和样式，将其导入，并使用设计系统 token 而非硬编码值，逐板块增量组装屏幕。

来自 openai/skills

• Implementation

将 Figma 设计转化为生产级应用代码，实现 1:1 视觉还原。适用于根据 Figma 文件实现 UI 代码、用户提到“实现设计”“生成代码”“实现组件”、提供 Figma URL，或要求构建与 Figma 规格匹配的组件时。若要通过 `use_figma` 写入 Figma 画布，请使用 `figma-use`。

来自 openai/skills

• Implementation

声明的前提（自述）: Node.js

> 审查和创建独特、生产级的前端界面，具有高设计质量和设计系统合规性。使用三个支柱进行评估：无摩擦的从洞察到行动、高质量工艺和可信赖的构建。适用于：PR 审查、设计审查、可访问性审计、设计系统合规性检查、创意前端设计、UI 代码审查、组件审查、响应式设计检查、主题测试和创建令人难忘的 UI。不适用于：后端 API 审查、数据库模式审查、基础设施或 DevOps 工作、无 UI 的纯业务逻辑或非前端代码。

来自 microsoft/skills

• Requirements
• Implementation

将 Notion 规格转化为实施计划、任务和进度跟踪；适用于实施 PRD/功能规格并据此创建 Notion 计划和任务时。

来自 openai/skills

• Requirements

必须用于 Vue.js 任务。强烈推荐将 Composition API 与 `<script setup>` 和 TypeScript 作为标准方案。涵盖 Vue 3、SSR、Volar、vue-tsc。任何 Vue、.vue 文件、Vue Router、Pinia 或使用 Vue 的 Vite 工作都应加载。除非项目明确要求 Options API，否则始终使用 Composition API。

来自 vuejs-ai/skills

• Design

用于 Vue.js 测试。涵盖 Vitest、Vue Test Utils、组件测试、模拟、测试模式，以及用于 E2E 测试的 Playwright。

来自 vuejs-ai/skills

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

来自 vercel-labs/agent-skills

使用 Playwright 交互和测试本地 Web 应用的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器截图和查看浏览器日志。

来自 anthropics/skills

• Implementation

使用 Tailwind CSS v4、设计令牌、组件库和响应式模式构建可扩展的设计系统。适用于创建组件库、实现设计系统或标准化 UI 模式时。

来自 wshobson/agents

antfu 风格设计约定，范围更广。以 UnoCSS 优先，基于类的语义 token，为工具和 devtools UI 提供明暗双主题，并为落地页和产品界面提供设计解读、反粗制滥造和微交互打磨。在使用 UnoCSS 构建或重构任何界面时使用。

来自 antfu/skills

指导稳定的 API 和接口设计。在设计 API、模块边界或任何公共接口时使用。在创建 REST 或 GraphQL 端点、定义模块之间的类型契约，或建立前后端边界时使用。

来自 addyosmani/agent-skills

• Implementation

当实现已完成、所有测试通过，需要决定如何整合这项工作时使用。

来自 obra/superpowers

在编码前创建规格说明。适用于启动新项目、新功能或重大变更且尚无规格说明时。适用于起草包含目标与范围的 PRD 或需求文档，或需求不清晰、含糊、仅以模糊想法存在时。适用于单个需求跨越多个可独立测试的能力，需要在编写规格前分解为模块能力图时。

来自 addyosmani/agent-skills

• Requirements
• Implementation

以红-绿-重构循环驱动测试先行的开发。适用于实现任何逻辑、修复任何 bug 或更改任何行为时。当你需要证明代码可用、收到 bug 报告，或即将修改现有功能时使用。

来自 addyosmani/agent-skills

使用 Azure Playwright Workspaces（原 Microsoft Playwright Testing）大规模运行 Playwright 测试。适用于跨云托管浏览器扩展浏览器测试、与 CI/CD 流水线集成，或将测试结果发布到 Azure 门户。

来自 microsoft/skills

• Requirements
• Release

从 Penpot 文件中提取 DESIGN.md 设计文档文件：采用 design-md 格式的可移植 markdown 规范（YAML frontmatter 包含颜色/字体/圆角/间距/组件 token 映射 + 文字章节：Overview、Colors、Typography、Layout、Shapes、Components、Do's & Don'ts、Iteration Guide、Known Gaps），基于文件的真实 token、库资产和采样的组件样式——绝不虚构。对画布只读；写入一个本地 markdown 文件。触发词：'generate DESIGN.md'、'create a design.md'、'document the design system as markdown'、'export design guidelines'、'extract design documentation'、'design system spec file'、'make a style guide file from this design'。

来自 penpot/penpot-ai-kit

对照已实现的代码（源组件或 Storybook story）审查 Penpot 设计，并输出结构化的 DRIFT 报告。适用于工程师需要确认构建与设计一致时：从选区提取 HTML/CSS，将其 token/结构/状态映射到代码组件，进行差异比对，并列出双方各自缺失的内容及严重程度和调和方案。未提供代码源时，可优雅降级为设计系统 token 检查。触发词：'design to code review'、'does my code match the design'、'design code parity'、'compare Penpot to my component'、'check this against Storybook'、'extract HTML/CSS from this selection'、'find design drift'、'design implementation diff'。

来自 penpot/penpot-ai-kit

构建、测试并部署面向 Teams 和 Copilot 的 Microsoft 365 应用与 Agent。包含项目创建、本地测试、云部署、故障排查以及 Slack 到 Teams 迁移等子技能。适用场景：Teams agent、bot、tab、消息扩展、Declarative Agents、Custom Engine Agents、本地测试、Agents Playground、Azure 资源预配、远程部署、Slack 到 Teams 迁移、跨平台 bot 开发、Block Kit 到 Adaptive Cards 转换。不适用场景：通用 Web 开发、非 bot/非 Teams 项目。

来自 microsoft/skills

• Release

在每项非平凡决策成立之前，都将其交由全新上下文的对抗性审查。适用于以下情况：你希望在继续之前对每个假设进行交叉质询；对计划进行压力测试以发现隐藏的失败模式；正确性比速度更重要；在不熟悉的代码中工作；风险很高（生产环境认证、安全敏感逻辑、高风险迁移、不可逆操作）；或者任何时候，现在验证一个自信的输出都比以后调试更划算。

来自 addyosmani/agent-skills

• Testing
• Release

让每个实现决策都以官方文档为依据。当你希望在实现前对照官方文档验证方案，或希望获得权威、带来源引用且不含过时模式的代码时使用。在构建任何正确性重要的框架或库时使用。

来自 addyosmani/agent-skills

• Requirements
• Implementation

声明的前提（自述）: Python

在当前会话中执行具有独立任务的实施计划时使用

来自 obra/superpowers

为 SwiftUI、UIKit 或 React Native 中的 iPhone 应用设计和审查 iOS UI/UX：导航、排版、表单、键盘和安全区域布局，以及符合 Apple HIG 的无障碍设计。

来自 uizze.sh

• Implementation

用于构建和打磨 Web 与 iOS 界面的反 UI 粗制滥造手册：布局、层次、打磨、审计和工艺工作流，可选真实产品参考。

来自 uizze.sh

• Implementation