Uiux Template — Design skill for Claude Code

@turystack/uiux-template

Template for a project's own **UI/UX skill** — brand tokens, layout and density, copy and tone, concept-to-primitive mapping, and the design exports a surface must match. Materialized once per project as `-uiux` and owned by that project from then on, images included.

Installation

pnpm add -D @turystack/uiux-template
turystack skills --claude --skills uiux --project acme

That materializes `.claude/skills/acme-uiux/`, substituting the project's name and creating `assets/`. It is **never overwritten** by a later install.

Contents

• Overview
• Brand — the token values
• Layout — shell, spacing and density
• Copy — how the product speaks
• Components — which primitive expresses which concept
• Assets — the design a surface must match
• Filling — how this skill grows
• Theme — the file that makes the library look like the project
• Skill manifest

How a section works

Each one has a **Shape** half (from this template, kept) and a **project** half (starts with ``). The marker is machine-readable, so "there is no design for this screen" is a gate result rather than something discovered at review.

Documentation

**https://tury.dev/libs/uiux-template**