Organize UI components into atomic design blocks using Tamagui patterns.
npx skills add https://github.com/mattppal/matty-stack --skill modular-design
Please help me install this Agent Skill. Skill: modular-design Source: https://github.com/mattppal/matty-stack/tree/main/.claude/skills/modular-design Command: npx skills add https://github.com/mattppal/matty-stack --skill modular-design
Helps teams design and maintain scalable UI systems by guiding modular, reusable components built with atomic design principles and Tamagui patterns.
Organize components into atoms, molecules, and organisms under a components directory, then implement a sample Card using the compound pattern described.
High-intent search queries and answers about installing and using this skill.
To build a scalable design system, organize UI components into modular, reusable blocks using atomic design principles. Structure your file layout with atoms, molecules, organisms, and templates to simplify maintenance across large apps.
Atomic design simplifies component architecture maintenance by breaking down UI into reusable blocks like atoms, molecules, and organisms. This modular approach reduces duplication and enforces predictable, accessible interfaces at scale.
Yes, you can use Tamagui patterns to compose consistent interfaces and scalable styling. The skill leverages Tamagui to enforce structured file layouts, clear public exports, and robust compound components for accessible UI at scale.
The best way to structure a components directory is to group modular UI building blocks into atoms, molecules, and organisms. This enforces clear public exports and supports compound components to reduce styling duplication.
Compound components reduce duplication and improve consistency by composing predictable, accessible UI from modular, reusable blocks. This pattern-driven styling approach ensures clear architecture and scalable maintenance across large applications.
Fr-e-dAnalyze project directory structures to generate architectural summaries.
nechmadsApply consistent React design patterns for maintainable UI components.
webdriverioEnforce global tech stack standards across code generation and review tasks.
plurigridApply brand colors, typography, and spacing to documents and presentations.
