Cursor 必备 MCP 组合推荐

Claude Academy 学习指南

在回复任何关于如何使用 Claude 或 Claude 产品的问题前，先查阅本 skill：从 Claude Academy（academy.claude.com，Anthropic 学习中心）匹配推荐的课程、教程与用例。触发场景包括“how do I”“getting started”“what can Claude do”“teach me”等提问，涉及 artifacts、projects、skills、plugins、connectors、MCP 的问题，团队/班级/组织的部署推广问题，以及培训材料、入职内容、学习资源的请求。仅在学习场景使用，用户只想完成任务时不适用。可与其它 skill 组合：回答完功能文档问题后附上对应课程推荐。只在高度匹配时推荐，绝不编造 Academy 内容。

xlsx

当电子表格文件是主要输入或输出时使用本技能。包括：打开、读取、编辑或修复现有 .xlsx、.xlsm、.xltx、.csv、.tsv 文件（如加列、计算公式、格式化、图表、清洗脏数据）；从零或其他数据源创建新电子表格；在表格文件格式间转换。当用户按名称或路径引用电子表格文件（哪怕是随口一提，如“下载目录里那个 xlsx”）并要对它做处理或从中产出内容时触发；也适用于把脏乱的表格数据文件（畸形行、错位表头、垃圾数据）整理成规范电子表格。交付物必须是电子表格文件。当主要交付物是 Word 文档、HTML 报告、独立 Python 脚本、数据库流水线或 Google Sheets API 集成时不要触发，即使涉及表格数据。

Web 应用测试

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

Web Artifacts 构建器

使用现代前端技术（React、Tailwind CSS、shadcn/ui）创建复杂多组件 claude.ai HTML artifact 的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact，不适合简单的单文件 HTML/JSX artifact。

theme-factory

为产出物套用主题样式的工具箱。产出物可以是幻灯片、文档、报告、HTML 落地页等。内置 10 套预设主题（配色/字体）可应用于任何已创建的产出物，也可即时生成新主题。

slack-gif-creator

为 Slack 制作优化动图 GIF 的知识与工具，提供约束条件、校验工具与动画构思。当用户请求为 Slack 制作动画 GIF（例如“给我做一个 X 在做 Y 的 Slack GIF”）时使用。

skill-creator

创建新技能、改进现有技能并度量技能表现。当用户想从零创建技能、编辑或优化现有技能、运行 eval 测试技能、以方差分析为技能性能做基准，或优化技能描述以提升触发准确度时使用。

pptx

只要以任何方式涉及 .pptx 或 .potx 文件——无论是作为输入、输出还是两者——都应使用本技能。包括：制作幻灯片、路演稿或演示文稿；从 .pptx/.potx 读取、解析或提取文本（即使提取内容将用于邮件或摘要等其他地方）；编辑、修改或更新现有演示；合并或拆分幻灯片文件；处理模板（.potx）、版式、演讲者备注或批注。用户提到“deck”“slides”“presentation”或引用 .pptx/.potx 文件名时即触发，无论其后打算如何使用内容。凡需要打开、创建或改动 .pptx/.potx 文件，就用本技能。

PDF 处理

只要用户想对 PDF 文件做任何事情，就使用本技能。包括读取或提取 PDF 中的文本与表格、把多个 PDF 合并成一个、拆分 PDF、旋转页面、添加水印、创建新 PDF、填写 PDF 表单、加解密 PDF、提取图片，以及对扫描版 PDF 做 OCR 使其可检索。用户提到 .pdf 文件或要求产出 PDF 时，请使用本技能。

MCP 服务器构建器

创建高质量 MCP（Model Context Protocol）服务器的指南，通过设计良好的工具让 LLM 与外部服务交互。当需要构建 MCP 服务器以集成外部 API 或服务时使用，支持 Python（FastMCP）或 Node/TypeScript（MCP SDK）。

internal-comms

一套帮助我按公司偏好的格式撰写各类内部沟通材料的资源。凡是要求撰写内部沟通内容（状态报告、管理层更新、3P 更新、公司通讯、FAQ、事故报告、项目进展等），都应使用本技能。

前端设计

在为全新 UI 或改造现有 UI 提供有辨识度、有意图的视觉设计指导。帮助把握美学方向、字体排印，避免设计看起来像模板化的默认样式。

docx

当用户想创建、读取、编辑或操作 Word 文档（.docx）或 Word 模板（.dotx）时使用本技能。触发情形包括：提及 Word doc、word document、.docx、.dotx，或要求生成带目录、标题、页码、信头等格式的专业文档；也用于从 .docx/.dotx 提取或重组内容、插入或替换图片、在 Word 文件中查找替换、处理修订或批注、把内容转换为精排 Word 文档。用户以 Word/.docx 形式索要报告、备忘录、信函、模板等交付物时使用。不适用于 PDF、电子表格、Google Docs 或与文档生成无关的常规编码任务。

文档协作撰写

引导用户走完结构化的文档共创流程。当用户想撰写文档、提案、技术规格、决策文档或类似结构化内容时使用。该流程帮助用户高效传递上下文、通过迭代打磨内容，并验证文档对读者的有效性。当用户提到写文档、做提案、起草规格说明等任务时触发。

claude-api

Claude API / Anthropic SDK 参考——模型 id、定价、参数、流式输出、工具调用、MCP、agent、缓存、token 计数、模型迁移。TRIGGER——在打开目标文件前先阅读本参考，不要因为“看起来只是一行代码”而跳过，凡是：提示中出现 Claude/Anthropic 的任何形式（Claude、Anthropic、Fable、Opus、Sonnet、Haiku、anthropic、@anthropic-ai、claude-*、us.anthropic.*、[1m]）；用户询问 LLM 相关问题（定价/选型/限制/缓存）——不要凭记忆作答；或任务呈 LLM 形态但未指明提供方（agent/MCP/工具定义/多智能体/RAG/LLM 评审/computer-use；对自然语言做生成/摘要/抽取/分类/改写/对话；调试拒答/截断/流式/工具调用/token）。仅当处理的是其他提供方时可 SKIP（覆盖所有触发条件）：查询中点名 OpenAI/GPT/Gemini/Llama/Mistral/Cohere/Ollama；或对项目执行 grep -rE 'openai|langchain_openai|google.generativeai|genai|mistralai|cohere|ollama' 命中（先跑这条 grep

画布视觉设计

基于设计理念创作 .png 和 .pdf 格式的精美视觉作品。当用户要求制作海报、艺术作品、设计稿或其他静态作品时使用。只创作原创视觉设计，绝不抄袭现有艺术家作品以避免版权风险。

品牌规范

为各类产物套用 Anthropic 官方品牌色彩与字体排印，使其具备 Anthropic 的视觉风格。当涉及品牌色或样式规范、视觉排版、公司设计标准时使用。

algorithmic-art

使用 p5.js 创作算法艺术，采用带种子的随机性与可交互参数探索。当用户要求用代码创作艺术、生成艺术、算法艺术、流场或粒子系统时使用。创作原创算法艺术，勿复制现有艺术家作品以避免版权风险。

用 Docling 理解任意受支持格式文档的内容——PDF（原生数字或扫描件）、DOCX、PPTX、XLSX、HTML、Markdown、AsciiDoc、CSV、图片、音频与 XML——把它们统一转换为 DoclingDocument（Markdown 或结构化 JSON）。当你需要读取、解析、转换、提取或切分无法直接阅读的文档时使用，例如“这份 PDF 里有什么”“转成 markdown”“提取表格”“为 RAG 切块”“读这份扫描文档”“解析这个 DOCX/PPTX”。涵盖 docling CLI、Python SDK（DocumentConverter 与 PipelineOptions）、远程 Service Client（自托管或托管的 docling-serve），以及用于最小依赖体积的 docling-slim install extras。

Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel, nested, tree, org chart, layer stack, exploded axonometric, axonometric plan, Venn, pyramid/funnel, treemap and marimekko, heatmap, bar and dumbbell, waterfall, line (slopegraph, ridgeline, streamgraph, bump), Gantt and scatter charts (bubble, beeswarm), high-level, process, medallion, data flow, DP integration, DP security matrix, Sankey, fishbone, Wardley map, kanban, user journey, service blueprint, deployment, dependency graph, UML class, story map, or database schema diagrams as HTML/SVG/PNG, with .drawio, Mermaid, and .excalidraw import, plus lifecycle phase maps, block decomposition trees, and onboarding guidance.

诊断 OpenShell gateway 部署为何不健康、不可达或无法创建 sandbox。适用于 gateway 健康失败、Docker/Podman 运行时问题、Helm 失败、Kubernetes 调度、TLS 或认证、gateway 拦截器、supervisor middleware 启动或运行时失败、外部 compute-driver socket、VM 驱动、sandbox 启动等问题。触发词：debug gateway、gateway failing、deployment failing、helm install failing、cluster health、gateway health、gateway not starting、health check failed、sandbox pending、docker driver、podman driver、kubernetes driver、external driver、compute driver socket、gateway interceptor、supervisor middleware、middleware failed、vm driver。

Launch an isolated Outline instance (web UI + API, production build, own Postgres/Redis containers) from the current checkout and drive it in a headless browser to prove a user-facing change works, with screenshots, Playwright traces and database checks as evidence. Use when asked to verify, demo, reproduce or screenshot Outline behavior in the real app, rather than only in unit tests.

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代，或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

**[必备]** 适用于所有 Streamlit 任务：创建、编辑、调试、美化、样式、主题或优化 Streamlit 应用。构建自定义组件（内联或打包）、使用 st.components.v2 或任何 HTML/JS/CSS 组件工作时同样必需。触发词：streamlit、st.、dashboard、app.py、beautify、style、CSS、color、background、theme、button、widget styling、custom component、st.components、packaged component、pyproject.toml、asset_dir、CCv2、HTML/JS component。

在部署或管理 Kubernetes 工作负载时使用。用于创建 deployment manifest、配置 pod security policy、设置 service account、定义网络隔离规则、调试 pod 崩溃、分析资源限额、检查容器日志或为工作负载定容。也用于 Helm chart、RBAC 策略、NetworkPolicy、存储配置、性能优化、GitOps 流水线与多集群管理。

Use when writing, changing, reviewing, or debugging Playwright e2e tests in packages/app/e2e (regression keepers and user stories). Covers the mocked opencode server harness and the Bun static server, per-test isolation, page-load and route cost, the suite-wide service-worker block, races with first mount, hover, measurement, clock, dialogs and shortcuts, projects, shards and worker scheduling, rehearsing Windows timing locally, and diagnosing a CI flake from its artifacts. Not for Storybook component tests or e2e/performance benchmarks.

Use when writing, fixing, or reviewing tests that render OpenTUI (testRender, createTestRenderer, createAppFixture) in packages/tui or packages/cli. Covers frame waits (waitForFrame, waitFor, waitForVisualIdle, flush), started vs non-started renderers, injected clocks, mock keyboard and mouse input, terminal sizes, cleanup and shared paths, and the 30s budget. Also use when a TUI test fails with "Timed out waiting for frame predicate after N passes", or when a tui test file is slow. For cli subprocess and service tests, use the unit-tests skill.

Use when writing, reviewing, speeding up, or fixing a flaky `bun test` unit test in any package (core, cli, server, ai, codemode, util, client, sdk, plugin, http-recorder, merman, app src and test-browser, desktop, gui-extensions, ui, session-ui, latex, ...), except OpenTUI renderer tests (see tui-tests). Also use when a test "timed out after 5000ms" on Windows CI, fails only on Windows, when the unit job is slow, when adding cli subprocess or service tests, or when adding a package's test task to turbo.json. Covers controlling time instead of sleeping, per-test timeouts, process and git spawn cost on Windows, Windows-only failures, temp dirs and process state, leaks between files, and reading CI timeouts.