design-system-team

/dst-handoff <prototype-name> [--target flutter|react-admin|react-public] — bundle a prototype + its linked design system into a handoff package and brief the appropriate code agent (flutter-agent / react-agent) to integrate into the project's actual source code. One command from design to code.

/dst-questions — manage the project's open product/design questions list (.atl/wiki/open-questions.md) and keep it pinned to CLAUDE.md so questions blocking screen / prototype work are impossible to miss. Modes: init (scaffold), sync (re-pin from current file), add, resolve, list.

/dst-delete-ds <name> — remove a design system from the project's .dst/. Warns if any prototype depends on this DS (and refuses without --force). Updates .dst/state.json and re-renders .dst/index.html.

/dst-delete-prototype <name> — remove a prototype from the project's .dst/. Updates .dst/state.json and re-renders .dst/index.html.

/dst-edit-ds <name> "<change>" — apply a textual change to an existing design system. Reads current ds.json, invokes ds-architect-agent to interpret the change, updates files, re-renders detail.html and .dst/index.html. Optionally re-renders linked prototypes if structural changes affect them.

/dst-edit-prototype <name> "<change>" — apply a textual change to an existing prototype. Reads current prototype.json + linked DS, invokes prototype-agent to interpret the change, updates files, re-renders preview.html and .dst/index.html.

/dst-init — bootstrap or refresh the .dst/ directory in the current project. BOOTSTRAP: creates state.json + styles.css + tailwind.min.css + empty index.html on fresh projects. REFRESH: safely re-copies templates/CSS and re-renders every HTML page from preserved JSON state, so upgrading the team package always yields up-to-date visuals without touching user content.

/dst-new-ds <name> — create a new design system in the current project's .dst/ directory. Asks an interactive set of Q&A to gather brand intent + scope, then invokes ds-architect-agent to produce ds.json + Tailwind-rendered detail.html. Updates .dst/state.json and re-renders .dst/index.html.

/dst-new-prototype --ds <ds-name> <prototype-name> — create a new screen prototype within a chosen design system. Asks an interactive Q&A (archetype, states, copy, breakpoints) and invokes prototype-agent to produce prototype.json + multi-state preview.html. Updates .dst/state.json and re-renders .dst/index.html.

/dst-open — open .dst/index.html in the user's default browser. Cross-platform (macOS open / Linux xdg-open / Windows start). No-op if .dst/ doesn't exist (suggest /dst-init first).