Components d’interfície

milkup-dev

Auto-Plugin

milkup 项目开发环境管理专家，深入了解项目的技术栈（Electron + Vue 3 + Milkdown + TypeScript）、 架构设计和开发工作流。负责启动开发服务器、运行 Electron 应用、热重载调试等开发任务。

moai-framework-electron

Auto-Plugin

Electron 33+ desktop app development specialist covering Main/Renderer process architecture, IPC communication, auto-update, packaging with Electron Forge and electron-builder, and security best practices. Use when building cross-platform desktop applications, implementing native OS integrations, or packaging Electron apps for distribution. [KO: Electron 데스크톱 앱, 크로스플랫폼 개발, IPC 통신] [JA: Electronデスクトップアプリ、 クロスプラットフォーム開発] [ZH: Electron桌面应用、跨平台开发]

canvas-design

Prat011

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

artifacts-builder

Prat011

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

axe-core

claude-dev-suite

axe-core - accessibility testing engine for automated WCAG compliance checks. USE WHEN: user mentions "axe", "automated accessibility testing", "a11y tests", asks about "integrating accessibility checks", "CI/CD accessibility", "Playwright accessibility", "Jest accessibility", "Vitest axe" DO NOT USE FOR: manual accessibility audits - use wcag skill instead

spritecook-generate-sprites

SpriteCook

Generate sprites and game assets using the SpriteCook MCP tools. Use when building games and the user needs sprites, pixel art, detailed art, characters, items, tilesets, textures, icons, or UI elements. Also use when asked to create, generate, or make game art assets.

distribution-center-network

kishorkukreja

When the user wants to design distribution center networks, optimize DC placement and flows, or configure multi-echelon distribution systems. Also use when the user mentions "DC network design," "distribution network optimization," "multi-echelon distribution," "regional DC placement," "distribution strategy," "fulfillment network design," or "supply chain network configuration." For warehouse location, see warehouse-location-optimization. For general facility location, see facility-location-problem.

cpg-network-design

kishorkukreja

When the user wants to design CPG (Consumer Packaged Goods) distribution networks, optimize DC locations for retail distribution, or plan omnichannel fulfillment networks. Also use when the user mentions "CPG network," "retail distribution network," "DC strategy," "forward deployment centers," "store replenishment network," or "omnichannel distribution." For general network design, see network-design. For promotional supply chain, see promotional-planning.

Set up an investigation

talmolab

A deep learning framework for multi-animal pose tracking.

regle-typescript

victorgarciaesgi

TypeScript support for type-safe Regle form validation, rules, and component props.

material-component-doc

bytedance

用于 FlowGram 物料库组件文档撰写的专用技能，提供组件文档生成、Story 创建、翻译等功能的指导和自动化支持

FlowGram Material Component Development

bytedance

FlowGram 物料组件开发指南 - 用于在 form-materials 包中创建新的物料组件

hub-location-problem

kishorkukreja

When the user wants to solve hub location problems, design hub-and-spoke networks, optimize hub placement for logistics networks. Also use when the user mentions "hub location," "hub-and-spoke," "p-hub median," "hub covering," "single allocation hub," "multiple allocation hub," "airline hub network," "postal hub network," or "consolidation center location." For general facility location, see facility-location-problem. For distribution centers, see distribution-center-network.

wox-update-changelog

Wox-launcher

Update Wox CHANGELOG.md based on commits since the last release. Use when the user asks to "update changelog", "write release notes", or "summarize changes since last release" and the output must follow the repository's existing changelog format.

Ai World Building

omer-metin

development-process

Kodria

Use when starting a new development task, resuming work, or when unsure which skill to invoke next - orchestrates the full development lifecycle from idea to merge

Remotion

danielmiessler

Programmatic video creation with React. USE WHEN video, animation, motion graphics, video rendering, React video, intro video, YouTube video, TikTok video, video production, render video.

vaadin-component-design

Hack23

Design Vaadin UI components with proper lifecycle, data binding, and responsive layouts for CIA platform

c4-architecture-documentation

Hack23

Document system architecture using C4 model: context, container, component, code diagrams per ARCHITECTURE.md

form-refactorer

redpanda-data

Refactor legacy forms to use modern Redpanda UI Registry Field components with react-hook-form and Zod validation. Use when user requests: (1) Form refactoring or modernization, (2) Converting Chakra UI or @redpanda-data/ui forms, (3) Updating forms to use Field components, (4) Migrating from legacy form patterns, (5) Implementing forms with react-hook-form and Zod validation.

e2e-tester

redpanda-data

"Write and run Playwright E2E tests for Redpanda Console using testcontainers. Analyzes test failures, adds missing testids, and improves test stability. Use when user requests E2E tests, Playwright tests, integration tests, test failures, missing testids, or mentions 'test workflow', 'browser testing', 'end-to-end', or 'testcontainers'."

react-best-practices

redpanda-data

Client-side React performance optimization patterns.

state-management

redpanda-data

Manage client and server state with Zustand stores and React Query patterns.

tanstack-router-migration

redpanda-data

"Migrate React applications from React Router to TanStack Router with file-based routing. Use when user requests: (1) Router migration, (2) TanStack Router setup, (3) File-based routing implementation, (4) React Router replacement, (5) Type-safe routing, or mentions 'migrate router', 'tanstack router', 'file-based routes'."