Skills
收录 96,981 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
Cria vídeos de motion design de nível de estúdio por código (Remotion/React), com trilha licenciada, SFX sincronizados, voz opcional (ElevenLabs ou modelo TTS local escolhido pelo hardware) e gates automáticos de lint e QA antes da entrega. Use quando pedirem motion design, motion graphics, vídeo animado, explainer, vídeo de produto ou lançamento, reel ou TikTok animado, tipografia cinética, logo animado, animação de UI, loop, narração ou voiceover para vídeo, ou técnicas como keyframing, zoom in e zoom out, motion smooth, morphing, rigging, frame a frame, cel animation, stop motion, rotoscopia, motion tracking, match moving, compositing, motion 3D, speed ramp, match cut, overshoot, parallax e transições. Também para vídeo animado, tipografia cinética, vídeo de lançamento de produto, explainer com voiceover e narração de text to speech.
使用 Form、TextFormField、DropdownMenuFormField 和自定义 FormField 构建 Flutter 表单。涵盖验证、AutovalidateMode、forceErrorText、由主题驱动的 InputDecoration、autofillHints、键盘和焦点遍历，适用于 Flutter 3.47+。当添加或修复登录、注册、结账或任何验证/保存表单；字段跳动、丢失文本、跳过自动填充或忽略 FormState.validate()；或用户运行 /flutter-building-forms 时使用。
前端工程标准——组件架构、状态、异步、表单、无障碍、性能和 TypeScript 规范。检测项目框架，并仅加载对应的指南。触发条件——编写或编辑前端代码之前加载，而不是事后：正在创建或编辑任何 .tsx、.jsx、.vue、.svelte 或组件/钩子文件；提示中提到组件、钩子、prop、状态、表单、模态框、路由、页面、React、Next、Solid、SolidStart、solid-js、signal、useState、useEffect、createSignal、createStore、createResource、createAsync、<For>、<Show>、store、context、a11y 或 web vitals。前端仓库中的普通功能请求也会触发，例如“添加按钮”“连接这个表单”“让它加载更快”“修复这个重复渲染”——用户不会特意说“最佳实践”；组件文件本身就是触发条件。即使已启用其他技能（tdd、impeccable、simplify），也要加载。仅在纯后端工作且不触及 UI 文件时跳过。
面向现代响应式 Web 应用构建的全面 UI/UX 设计 Skill，涵盖 Tailwind CSS、shadcn/ui、Material UI、Chakra UI、Ant Design 和 Mantine。当用户需要——(1) 为项目选择设计系统，(2) 构建响应式布局与组件，(3) 实现带校验的表单，(4) 创建无障碍用户界面，(5) 设计任务管理 UI（todo 应用、仪表盘），(6) 应用响应式设计模式，(7) 实现深色模式，或 (8) 构建组件库——时使用。触发词包括「design a todo app」「create responsive layout」「which UI library should I use」「implement dark mode」「build a form with validation」「make this mobile-friendly」等请求。
重要：用于 Makepad 2.0 主题系统。触发词：makepad theme, theme variable, theme color, theme font, theme spacing, dark mode, light mode, theme switching, mod.themes, theme_mod, theme.color_, theme.font_, theme.space_, theme.mspace_, 主题, 颜色, 字体, 暗色模式, 亮色模式, 主题切换, 样式。
让 .NET MAUI 应用具备无障碍支持的指南——通过 SemanticProperties 实现屏幕阅读器支持、标题层级、AutomationProperties 可见性控制、以编程方式设置焦点与播报，以及 TalkBack、VoiceOver 和 Narrator 的平台特定注意事项。适用场景："add accessibility"、"screen reader support"、"SemanticProperties"、"AutomationProperties"、"TalkBack"、"VoiceOver"、"Narrator"、"accessible MAUI"、"heading levels"、"semantic description"、"announce to screen reader"、"accessibility audit"。不适用场景：通用 UI 布局（使用 maui-collectionview 或 maui-shell-navigation）、动画（使用 maui-animations）或手势（使用 maui-gestures）。
.NET MAUI 应用图标配置、启动屏幕设置、构建时将 SVG 转换为 PNG、合成/自适应图标，以及 Android、iOS、Mac Catalyst 和 Windows 各平台特定的图标与启动屏幕要求。USE FOR: "app icon"、"splash screen"、"MauiIcon"、"MauiSplashScreen"、"adaptive icon"、"change app icon"、"launch screen"、"SVG icon"、"foreground tint"、"icon resize"。DO NOT USE FOR: 应用内图片或图片加载（使用 maui-performance）、主题或颜色（使用 maui-theming），或自定义绘制（使用 maui-graphics-drawing）。
NeuroForge Nuxt 是一套专用工程系统，用于使用 Nuxt 4、Nitro、Prisma 和 TypeScript 构建高品质 SaaS 应用。它通过 NeuroForge memory 文件强制执行按严重程度分级的“Analysis First”工作流，以确保架构完整性、端到端类型安全、非阻塞数据获取、水合安全的状态、Laws of UX 标准、可复用的 Shadcn 应用封装以及清晰的错误处理。只要在从事 Nuxt 4/Nitro/Prisma/Vue 3 项目时就使用此 skill——包括编写组件、composables、服务端路由、Prisma schema 或进行架构评审。在提及以下任何内容时触发：Nuxt、Nitro、Prisma、useAsyncData、useFetch、defineEventHandler、PrismaClient、Nuxt Layers、createUseFetch、$fetch、useAPI、Pinia、Pinia Colada、useQuery、useMutation、zod、valibot、水合不匹配、Dexie、IndexedDB、liveQuery、离线优先、PWA 持久化、Strapi、Strapi 5、strapi::security、config/middlewares.ts、config/admin.ts、contentTypes.d.ts、components.d.ts、Strapi preview、draft mode、content types、dynamic zones、useStrapi、useStrapiPage、block registry、[...slug].vue、Nodemailer、SMTP、contact form、transactional email、PDF download、getErrorMessage、错误回退、静默错误、代码注释、JSDoc、@nuxt/scripts、useScript、scripts.registry、NUXT_PUBLIC_SCRIPTS_*、Google Analytics、GA4、gtag、analytics proxy、analytics 中显示错误国家、Search Console vs GA、runtimeConfig、NUXT_ 环境变量、cPanel、重启与重新部署、buildAssetsDir、陈旧 chunk、“does not provide an export named”、SMTP 502、EAUTH 或 Vue script setup。触发此 skill 以激活 NeuroForge 协议，确保你的代码库按可扩展的生产标准构建。
根据设计 token 和页面规格生成自包含的 HTML/CSS 模型稿与线框图——输出始终是可查看的 .html 文件，而不是建议或代码。适用于需要看设计、做模型稿、构建或展示原型、创建线框图、渲染预览，或在编写生产代码前直观查看页面样貌的请求。存在 DESIGN.md tokens 和 JOURNEY.md 页面规格时会读取；不存在时使用灰度线框默认值。通过浏览器 MCP 渲染，连接时返回截图路径；未连接时输出 .html 并附上 open 提示。不适用于：选择或定义字体、颜色、视觉识别或设计 token（使用 core design）；评审、审计或检查现有设计（使用 core audit）；规划信息架构、流程或页面规格（使用 journey）；构建设计 token 系统或组件库（使用 design-systems）。
将现有前端应用迁移到 SGDS Web 组件的完整工作流。当用户想要从其他 UI 库（MUI、Chakra UI、shadcn/ui、Ant Design、Vuetify、Angular Material、Bootstrap 等）迁移到 SGDS，或询问如何在现有项目中开始使用 SGDS 时，使用本技能。涵盖四个阶段：(1) 扫描当前前端技术栈，(2) 安装并配置 SGDS，包括字体、基础 CSS 和工具类，(3) 迁移测试（路径 A：Vitest + Playwright，或路径 B：修补现有 Jest/RTL），(4) 用 SGDS v3 工具类替换旧的样式系统，外加一份迁移后验证清单。完整支持 React。
使用 AI 图片生成技术绘制美观的图表。支持 10 种图表类型：流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT 分析、产品路线图、组织架构图。6 种内置视觉风格。 触发词："画个 XX 图"、"生成商业模式画布"、"做个架构图"、"画 ER 图"、"帮我画个流程图"、"生成用户旅程图"、"做个思维导图"、"竞品分析图"、"SWOT 分析图"、"产品路线图"、"组织架构图"、"帮我可视化图表"。 【公众号配图版】用户给内容 → 产出公众号配图。优先用当前环境内置出图模型（Codex 内置 image_gen/image2、workbuddy 出图模型）直接生成 PNG；无内置模型时回退 scripts/ 下的 API 脚本。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。