Skills
收录 97,501 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
确定性设计系统审计，并提供一整套以斜杠命令调用的设计专家。`npx dwic-audit` 使用 WCAG 对比度计算和令牌解析（不涉及 LLM），按颜色、排版、间距、无障碍、表单、导航、动效和文案等类别扫描项目，然后将每项发现交给负责修复的专家。专家涵盖视觉层次、交互设计、设计系统架构、排版、颜色、间距、动效、表单、导航、仪表盘、移动端、落地页、身份验证 UX、医疗 UX、B2B SaaS、电商、深色模式、错误处理、新手引导和数据可视化。以 Claude Code 插件形式安装；命令为纯 Markdown，无运行时依赖。
面向移动应用、Web 应用和响应式网站的微交互专家。用户要求添加、构建、修复、审查或咨询微交互、动画、过渡、动态设计、手势反馈、触觉反馈、加载状态、骨架屏、下拉刷新、滑动操作、滚动动画、按钮状态、表单验证反馈、Toast 通知、模态框、下拉菜单、切换控件、进度指示器、共享元素过渡、弹簧物理、缓动曲线、动态设计令牌，或任何为用户操作提供视觉、触觉或听觉反馈的交互时，使用此技能。触发词包括：“micro-interaction”“animation”“transition”“motion”“easing”“spring”“gesture”“haptic”“feedback”“loading state”“skeleton”“shimmer”“pull to refresh”“swipe”“drag”“hover effect”“press state”“focus ring”“scroll animation”“parallax”“stagger”“orchestration”“reduced motion”“View Transitions”“layout animation”“shared element”“hero animation”“morphing”“Framer Motion”“GSAP”“Lottie”“Rive”“React Spring”“anime.js”，以及任何要求让界面“更好用”“更有活力”“更灵敏”“更响应迅速”或“更精致”的请求。
强制使用经过设计的交互反馈，而非框架默认反馈——每一次提交型交互都在同一帧内得到确认；动效只装饰状态，绝不等于状态（关闭动画后最终状态完全相同）；在设计阶段建立一份命名时刻目录，每个时刻声明其触发条件、时长角色、触觉槽位和减弱动效回退；触觉作为 HapticTheme 的事件到强度映射，在提交帧上恰好触发一次（绝不逐动画帧触发、绝不按合并输入触发、绝不为错误使用 heavyImpact），并置于一个中央开关之后；每个动画都可中断，使点击能将其解析到最终状态；庆祝动效有界，只播放一次，绝不循环或阻塞输入；每个重复动画都有明确的停止条件（离开路由、进入后台、减弱动效）；在多个通道上提供反馈，使触觉和声音在减弱动效下仍然生效。在添加或调整动画、成功或错误状态、触觉、庆祝动效或屏幕转场时使用。
UI/UX 设计智能工具。包含 50 种风格、21 套配色、50 种字体搭配、20 种图表和 9 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。操作：规划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构和检查 UI/UX 代码。项目：网站、落地页、仪表板、管理面板、电商、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。元素：按钮、模态框、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简主义、粗野主义、新拟态、便当网格、深色模式、响应式、拟物设计、扁平设计。主题：配色、无障碍、动画、布局、字体排版、字体搭配、间距、悬停、阴影、渐变。集成：通过 shadcn/ui MCP 搜索组件和示例
强制遵循 CustomPainter/Canvas 规范 — View/Painter/Scene 拆分，以不可变的 Scene 值类型喂给一个简单的 painter；shouldRepaint 作为单一值比较，与 AnimationController 作为重绘动画路径严格分离；painter 与命中测试器读取同一个共享仿射变换（toCanvas/toLogical 互为精确逆运算，绝不重新推导缩放）；几何命中测试（整数格点或栅格化 region-ID 缓冲，绝不用 Path.contains）；零分配的 paint()；手势作为纯转换器向 Notifier 发出类型化命令（绝不在处理函数中修改状态）；ExcludeSemantics + 同级 Semantics 播报显示值，并采用冗余的非颜色编码；实测的 TextPainter 适配；第一方 RoundedSuperellipseBorder；物理像素细线；仅用 Directional 几何。适用于编写或审查 CustomPainter/CustomPaint、画布上的手势、点按/拖拽命中测试、画布动画、实测文本适配，或自定义绘制像素上的 Semantics。
Open Graph 与社交分享图像设计，包含平台规格、文字排版与品牌呈现。涵盖 OG meta 标签、Twitter 卡片、LinkedIn 预览与动态生成。用于：社交分享图像、博客缩略图、链接预览、社交卡片。触发词：og image、open graph、social sharing image、twitter card、social card、link preview image、og meta、sharing preview、social thumbnail、meta image、og:image、twitter:image、linkedin preview。
编写或编辑 open-slide 页面的技术参考——文件约定、1920×1080 画布、字号层级、布局、配色/视觉方向、素材、演讲者备注、分步显示、页面转场和变形转场。每当你要编写或修改 `slides/<id>/` 下的任何文件时查阅此文档，包括在 `create-slide` 或 `apply-comments` 工作流中，或进行任何临时幻灯片编辑。触发短语如“edit slide”“tweak this page”“fix the layout”“change the palette”“reveal one by one”“add a transition”“morph transition”“write the speaker notes”“generate the script / talk track”“preview / screenshot a page”“check how it looks”“investigate the slide framework”“how do slides work here”。
仅在 `sn-ppt-entry` 与 `sn-ppt-story` 已准备绝对 `DECK_DIR` 和 `outline.md` 后使用；生成每页独立 HTML（1600×900）、渲染 PNG、逐页讲稿、`present.html`，并按 `static_postprocess` 选择生成由 Standard 自有 exporter 转换的 PPTX。**`present.html` 始终是必交付产物，缺失即技术故障，不得交付；`static_postprocess` 含 `pptx` 时 PPTX 同为必交付产物（缺一即技术故障），且只能由 Standard 自有 exporter 生成；仅当用户明确要求只要 HTML（`static_postprocess` 为 `[]`）时，PPTX 才可不交付。**
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。