Menú
UI/UX design and frontend component generation
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Diagnose and fix build/CI failures automatically
Concurrent code generation via multi-model picker
OMP self-improvement — analyse own skills/agents and propose improvements
Visual diff/screenshot comparison verdict
Clone and adapt a web page/design to the codebase
Trace→deep-interview pipeline for deep investigation
| name | design |
| description | UI/UX design and frontend component generation |
| trigger | design:, /design |
| autoinvoke | false |
| Field | Value |
|---|---|
| ID | design |
| Keywords | design:, /design |
| Tier | Frontend Tool |
| Source | src/skills/design.mts |
Generates UI/UX designs and frontend components from natural language descriptions. Produces framework-appropriate components (React, Vue, Svelte, etc.), applies the project's existing design system tokens, and writes output files with associated tests. Accepts wireframe descriptions, mockup references, or component specs.
The packaged plugin manifest exposes this workflow as the design skill, invoked as /design in Copilot CLI.
interface SkillInput { trigger: string; args: string[]; }
interface SkillOutput { status: "ok" | "error"; message: string; }
export async function activate(input: SkillInput): Promise<SkillOutput>
export function deactivate(): void
Triggers UI/UX design and component generation in Copilot. The terminal companion prints guidance directing users to the packaged /design skill.
P3 scope: Figma/Sketch import, design token extraction, and Storybook story generation (as specified in SPEC-omp-2.0 §5) are deferred to P3. The current implementation generates components from text descriptions only.