@measured/calibrate-skills

Markdown guardrails for AI coding agents (and humans) building sites and apps with Calibrate.

Each skill is a folder containing a SKILL.md (with name and description frontmatter) plus optional sibling examples/, references/, and assets/ folders. The shape is shared by Claude Code and OpenAI Codex, so authoring vendor-neutral skills works in both.

About Calibrate

These skills are companion content for the Calibrate design system: @measured/calibrate-{core,assets,config,tokens} (and @measured/calibrate-react for React projects), serving the Measured brand.

• Compositional — components encode design choices in their props; consumers compose UI from the system's vocabulary rather than authoring custom CSS.
• Multi-context — tokens resolve under theme (light / dark), brand, and surface context automatically.
• Brand contexts:
  • msrd — the public-facing Measured brand.
  • wrfr — a stripped-back wireframe expression of the same brand (monochrome, no rounding, no motion). Use for wireframes, sketches, and internal tools.
  • base — structural foundation layer. Not a brand; consumers don't pick it.
• Voice (for content, copy, and naming decisions) — calm, business-like, time-less; organised and precise.

The operational skills below cover how to use the system; this section is just orientation.

Install

pnpm add -D @measured/calibrate-skills

Use

Copy or symlink the skill folders this package ships into your agent's discovery directory:

• Claude Code → .claude/skills/
• OpenAI Codex → .agents/skills/

# Example: install all skills for Claude Code
cp -r node_modules/@measured/calibrate-skills/src/* .claude/skills/

Refer to your agent's documentation for the canonical discovery paths.