AutoAcct Component Generator

What problem does it solve?

This Skill automates the creation of production-ready React components that adhere to AutoAcct’s Muji Dark minimalist design system, reducing design and implementation time.

Core Features & Use Cases

• Automated generation of React components that strictly follow the design tokens and styling rules defined in design-system.json.
• Type-safe, well-documented components with exported indices ready for integration into a frontend project.
• Use Case: A developer requests a Button or Card; the skill returns a ready-to-use TSX file, props interface, and a corresponding index export.

Quick Start

To generate a Button component, say build a Button and specify variant and size; the system will produce a TSX file with typed props, JSDoc, and Tailwind-compatible class names that align with the Muji Dark aesthetic.