Design

kirkchen

Use when starting a Beat change to create spec artifacts — not for task breakdown, implementation, or exploration

Install

The individual skill folder is not confirmed. This command opens the repository’s skill selector; follow the upstream instructions.

skills CLI

npx skills add kirkchen/beat

AccessibilityMicrosoftOfficialPrimary 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.Design & Frontend194.2k Repository stars
Design PhilosophyMicrosoftOfficialThe VS Code design philosophy — a shared Values→Principles→Moves vocabulary for reasoning about UI in design terms instead of raw pixels. Use when designing, building, reviewing, or giving feedback on any visual surface; when deciding a radius, spacing, type role, icon size, border, color, or motion; or when translating a "this feels off" observation into a concrete, principled fix.Design & Frontend194.2k Repository stars
Frontend DesignAnthropicOfficialCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.Design & Frontend152.8k Repository stars
ImagegenOpenAIOfficialGenerate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector.Design & Frontend130.4k Repository stars
Docs DemoRemotionOfficialAdd an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.Design & Frontend66.2k Repository stars
Remotion Best PracticesRemotionOfficialBest practices for Remotion - Video creation in ReactDesign & Frontend66.2k Repository stars

Install

Related