# Frontend Design

> Design and build production-grade frontends with bold, distinctive aesthetics.

- Skill: `cowork-os/frontend-design` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add cowork-os/frontend-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/cowork-os/frontend-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: cowork-os (https://skillmd.com/u/cowork-os)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/cowork-os/frontend-design

---


# frontend-design

## Purpose

Design and build production-grade frontends with bold, distinctive aesthetics.

## Routing

- Use when: Use when the user asks to design and build production-grade frontends with bold, distinctive aesthetics.
- Do not use when: Do not use when the request is asking for planning documents, high-level strategy, or non-executable discussion; use the relevant planning or design workflow instead.
- Outputs: Outcome from frontend-design: task-specific result plus concrete action notes.
- Success criteria: Returns concrete actions and decisions matching the requested task, with no fabricated tool-side behavior.

## Trigger Examples

### Positive

- Use the frontend-design skill for this request.
- Help me with frontend-design.
- Use when the user asks to design and build production-grade frontends with bold, distinctive aesthetics.
- frontend-design: provide an actionable result.

### Negative

- Do not use when the request is asking for planning documents, high-level strategy, or non-executable discussion; use the relevant planning or design workflow instead.
- Do not use frontend-design for unrelated requests.
- This request is outside frontend-design scope.
- This is conceptual discussion only; no tool workflow is needed.

## Runtime Prompt

- Current runtime prompt length: 4071 characters.
- Runtime prompt is defined directly in `../frontend-design.json`.