Installs into .claude/skills of the current project.
Are you the author of Playbook Frontend Engineering Design System Bootstrap?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/aniruddhaadak80-playbook-frontend-engineering-design-system-bootst)
---
name: playbook-frontend-engineering-design-system-bootstrap
description: "Stand up tokens, primitives, and docs a team actually adopts."
---
# Playbook: Bootstrap a design system that sticks
> Stand up tokens, primitives, and docs a team actually adopts.
**Track:** 🗺️ Frontend Engineering · **Domain:** Journey Playbooks · **Level:** journey · **~60 min**
**Who this is for:** Frontend Engineers, Full-Stack Developers, Design Engineers, UI Developers
## When to Use This Skill
Stand up tokens, primitives, and docs a team actually adopts.
Use it whenever a matching task appears in conversation — the agent loads these instructions on demand.
## Journey Steps
1. Step 1 — Build layouts that survive real content: start with "Design mobile-first with min-width queries only"
2. Step 2 — Add motion that guides attention: start with "Define durations: 150ms feedback, 250ms transitions, 400ms entrances max"
3. How it fits together: Tokens before components. A system nobody consumes is decoration.
### Referenced Skills
- `css-design-systems-responsive-layout-system`
- `css-design-systems-animation-craft`
## Commands
**Install all referenced skills**
```bash
npx skills add aniruddhaadak80/skills --skill css-design-systems-responsive-layout-system && npx skills add aniruddhaadak80/skills --skill css-design-systems-animation-craft
```
---
Part of [aniruddhaadak80/skills](https://github.com/aniruddhaadak80/skills) · Browse all at https://skills.sh/aniruddhaadak80/skills
