算法艺术创作
algorithmic-art
通过代码和可调参数创作生成艺术与交互式视觉效果。
THE SKILLS DIRECTORY
探索全部技能.
一个技能，一个新的可能。找到适合你的 AI 工作流。
视觉画布设计
canvas-design
基于设计原则创作静态视觉作品，用于海报与品牌图形。
前端界面设计
frontend-design
打造有辨识度的生产级前端界面，让 AI 输出更好的视觉设计与交互。
MCP 服务构建
mcp-builder
构建高质量 MCP 服务，让 AI 通过工具连接外部系统和 API。
Web 应用测试
webapp-testing
使用 Playwright 测试本地 Web 应用，检查交互、截图与浏览器日志。
Web 设计规范
web-design-guidelines
检查 Web 界面的可访问性、交互体验与常见设计问题。
codebase-design
codebase-design
【设计与创意】Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.
grill-me
grill-me
【设计与创意】A relentless interview to sharpen a plan or design.
grill-with-docs
grill-with-docs
【设计与创意】A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
improve-codebase-architecture
improve-codebase-architecture
【设计与创意】Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
prototype
prototype
【设计与创意】Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
frontend-patterns
frontend-patterns
【设计与创意】React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。
accessibility
accessibility
【开发与工程】Primary accessibility skill for VS Code. REQUIRED for new feature and contribution work, and also applies to updates of existing UI. Covers accessibility help dialogs, accessible views, verbosity settings, signals, ARIA announcements, keyboard navigation, and ARIA labels/roles.
component-fixtures
component-fixtures
【设计与创意】Use when creating or updating component fixtures for screenshot testing or their shared infrastructure, or when designing UI components to be fixture-friendly. Covers fixture file structure, theming, service setup, CSS scoping, async rendering, validation, and common pitfalls.
ux-theming
ux-theming
【设计与创意】VS Code theming, color tokens, widget styles, focus indicators, and high-contrast theme support. Use when registering colors, styling widgets with theme tokens, or ensuring HC/focus compliance.
create-canvas
create-canvas
【设计与创意】Create a project Copilot extension canvas for the current workspace.
project-setup-info-context7
project-setup-info-context7
【设计与创意】Comprehensive setup steps to help the user create complete project structures in a VS Code workspace. This tool is designed for full project initialization and scaffolding, not for creating individual files. When to use this tool: when the user wants to create a new complete project from scratch; when setting up entire project frameworks (TypeScript …
project-setup-info-local
project-setup-info-local
【设计与创意】Comprehensive setup steps to help the user create complete project structures in a VS Code workspace; this tool is designed for full project initialization and scaffolding, not for creating individual files. When to use this tool: user wants to create a new complete project from scratch; setting up entire project frameworks (TypeScript projects, Reac…
18 / 32243