design-consultation

You can create a design system by invoking this Skill to automate design proposals, generate AI-rendered HTML mockups, and output documentation. It handles typography, color, layout, and motion specifications.

Yes, design documentation is generated automatically as a DESIGN.md file containing detailed design system specifications. This ensures consistency and provides clear guidelines for aesthetic and layout alignment.

Yes, the design consultation process integrates with version control to maintain consistency across your project context. This ensures your design system proposals and documentation stay synchronized with your codebase.

The best way is to use an AI-assisted design consultation that proposes a complete system covering aesthetic, typography, color, layout, spacing, and motion. It ensures coherence with your product requirements.

Visual mockups are generated as AI-rendered HTML previews applied to realistic product screens. This allows you to gather user feedback on the proposed design system before final implementation.

You need the gbrain dependency and a CLAUDE.md file configured in your project to run the design system automation. These enable the AI suggestions and project context integration.