---
name: 71ui
description: Zero-to-one interface design system for building, restyling and reviewing apps and websites so they look clean, precise and distinctive. Use whenever you design, build, polish, redesign or review any UI — landing pages, SaaS sites, AI and agent products, crypto/DeFi apps, fintech and banking, portfolios, dashboards and admin panels, mobile apps, deep-tech and biotech sites, enterprise sites and developer docs. Provides DESIGN.md tokens (Inter core, 32px/10px controls, 40px rows, AA-checked colors), component specs, motion and accessibility rules, ten category playbooks, four measured reference sites, a restyle protocol for existing code, a review rubric and a pre-ship checklist.
---

# 71UI

The full skill lives in [`design.md`](design.md), next to this file. It's a valid DESIGN.md with machine-readable tokens in its front matter and the rules in its body.

1. **Read `design.md` → `## Agent Protocol` first.** It picks your mode (BUILD, RESTYLE or REVIEW) and routes you by product category to the sections and playbook you need.
2. **Load only what the protocol names.** Headings are stable anchors, such as `## Components` or `### C. Crypto, DeFi & Web3`, so you can search for them.
3. **Before writing UI code,** print the token plan. **After,** run `## Pre-Ship Checklist` and report each item.
4. **Need exact evidence?** The 13 reference screenshots, measured site tokens and site captures are in `references/`. Open them only when a detail matters.

To use the tokens in code: `npx @google/design.md export --format css-tailwind design.md > theme.css`.