ai-ds-composer
Strategic guide for consuming design system metadata to compose components intelligently. Use when generating or modifying UI components and layouts to ensure component reuse, proper variant selection, and adherence to design system patterns. Helps Claude understand project structure, read hierarchical metadata indexes, apply anti-pattern rules, and flag when existing components don't fit a requirement.
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install cris-achiardi-claude-skills-ai-ds-composer
Repository
Skill path: skills/ai-ds-composer
Strategic guide for consuming design system metadata to compose components intelligently. Use when generating or modifying UI components and layouts to ensure component reuse, proper variant selection, and adherence to design system patterns. Helps Claude understand project structure, read hierarchical metadata indexes, apply anti-pattern rules, and flag when existing components don't fit a requirement.
Open repositoryBest for
Primary workflow: Design Product.
Technical facets: Full Stack, Frontend, Data / AI, Designer.
Target audience: Development teams looking for install-ready agent workflows..
License: Unknown.
Original source
Catalog source: SkillHub Club.
Repository owner: cris-achiardi.
This is still a mirrored public skill entry. Review the repository before installing into production workflows.
What it helps with
- Install ai-ds-composer into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/cris-achiardi/claude-skills before adding ai-ds-composer to shared team environments
- Use ai-ds-composer for development workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.