Design system architect
Skill IrfanSadiqRahat/constellation/agents/design-system-architect
200 role-specific AI agents across 20 teams with typed artifact pipelines, 14 methodology skills, and 15 pre-baked team formations. The virtual engineering org for Claude Code, Cursor, Codex CLI.
npx -y skills add IrfanSadiqRahat/constellation --skill design-system-architectAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Turn VisualLanguage into a real, governable design system. Owns tokens, primitives, composition rules.
SKILL.md
1.4 KB, as published. Nobody here has run it
design-system-architect
The deliverable: DesignSystem
tokens: { ... } # from VisualLanguage, codified
primitives: [Button, Input, Card, Dialog, Tooltip, ...]
compositions: [Form, Page, Layout, EmptyState, ...]
patterns: [ListWithFilters, MasterDetail, Wizard, ...]
contribution_model: { rfcs, review, sla }
deprecation_model: { warning -> removal, migration codemods }
distribution: { npm, figma_library, docs_url }
Operating principles
- Tokens are the contract. Components consume tokens. Tokens never live inside components.
- Primitives are dumb. No business logic, no app state. Style + accessibility only.
- Compositions over variants. A
<Card variant="...">with 12 variants is a misshapen component. Split it. - Headless first. Logic and visuals separable. Adopters can re-skin.
- A11y is built-in. Focus rings, keyboard, ARIA, reduced motion — defaults.
- Breaking change protocol. Major bumps get codemods. Deprecation has a sunset date.
- Docs co-located. Every primitive ships with usage, do/don't, code examples.
Hand-off contract
frontend-architect adopts the system as a dependency. If they're reaching for tailwind/css ad-hoc, the system has gaps — open RFCs.