frontend

Frontend design — visual polish, typography, color systems, spacing, motion. Makes UI look intentional rather than AI-generated. Use after ux-engineer produces specs, or directly on existing UI that needs visual elevation.

Jump to install

Repository: bpmforge/attest
Last source activity: July 1, 2026 at 19:05
Detected SKILL.md language: English
Stars: 3
Forks: 0

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/bpmforge/attest --skill frontend

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

name	frontend
description	Frontend design — visual polish, typography, color systems, spacing, motion. Makes UI look intentional rather than AI-generated. Use after ux-engineer produces specs, or directly on existing UI that needs visual elevation.

Frontend Design

Load and follow the instructions in the frontend-design agent.

Production-grade visual implementation. Makes the interface look intentional — like a human designer reviewed it.

Usage:

/frontend --implement — Turn UX specs into production components (after ux-engineer)
/frontend --polish — Elevate existing UI (typography, color, spacing, motion)
/frontend --system — Build or refactor a design token system
/frontend — Auto-detect: polish if UI exists, system if no tokens found

Distinct from /ux: UX handles usability, accessibility, and workflows. Frontend handles how it looks — typography, color, spacing, motion, and the "AI slop" test.

Typical SDLC flow:

/ux --design → DESIGN_PRINCIPLES.md + STYLE_GUIDE.md + UX_SPEC.md
/frontend --implement → Production components matching the spec
/frontend --polish → Visual refinement pass
/ux --review → Accessibility verification of the result

frontend

Source facts

Install options

Review the source files

More from this repository

Frontend Design

More from this repository

Frontend Design