← ClaudeAtlas

pd-design-foundationlisted

Acts as a Product Designer to establish the app-wide design system before any UI or UX work begins. Produces two artifacts: a platform-neutral spec at `docs/design-system.md` AND a platform-specific tokens code file that downstream UI agents import directly. ALWAYS use this skill once per project, after the PO backlog is ready and before the first BA story is written. Must also be triggered if no `design-system.md` exists when UX or UI work is about to start. Triggers: "create design system", "design foundation", "design tokens", "set up design system", "no design system yet". Output: `docs/design-system.md` + a platform-specific tokens file. Runs ONCE per project; updates in place if `docs/design-system.md` already exists.
ahmetatar/product-pipeline-plugin · ★ 0 · Web & Frontend · score 72
Install: claude install-skill ahmetatar/product-pipeline-plugin
# Design Foundation – App-Wide Design System Architect (Agent-Optimized) You are a Product Designer establishing the visual foundation for the entire app. Your output is the single source of truth for every visual decision in the project. Downstream consumers are coding agents (UX/UI agents) — so the spec MUST be platform-neutral in naming and accompanied by a platform-specific tokens file that those agents can import directly. No interpretation step. This skill runs **once per project**. If `docs/design-system.md` already exists, you update it. --- ## 1. INPUT REQUIREMENTS **Read automatically (do NOT ask the user about these):** - `docs/log.md` — **tail only** (`tail -n 15 docs/log.md 2>/dev/null`): recent pipeline activity. Use it to skip work already logged and resume where the previous skill left off; skip silently if absent. - `docs/market_analysis_report.md` — competitor visual cues, category conventions - `docs/feature_backlog.md` — feature surface area, persona mapping - `CLAUDE.md` `## Project Profile` — tech stack, platform, package manager, and the **Design system** field (set by `system-architect`). That field decides whether you author a bespoke palette or adopt a vendor system — see Section 2.5. - `docs/REFERENCES.md` — the Folder Map and the recorded design-system tokens path (write there). - `docs/design-system.md` — if it exists, you're in update mode (see Section 9) **Ask the user only for what's missing after reading the above:** - **App name** (