AutoAcct Component Generator

To generate React UI components that match a design system, this Skill consumes a design-system.json file and outputs ready-to-use TSX files with typed props, JSDoc, and Tailwind-compatible class names adhering to the Muji Dark aesthetic.

Yes, you can auto-generate TypeScript React components with built-in accessibility attributes, typed props, and JSDoc documentation by specifying the component type such as a button, card, or modal.

The best way to enforce design system compliance is to automate generation using a design-system.json configuration, ensuring the output TSX files and CSS utility classes avoid hard-coded values and strictly follow the defined tokens.

Yes, the component generator supports exporting indices for React projects by providing a ready-to-use TSX file alongside a corresponding index export for immediate integration into your frontend workflow.

To generate a type-safe Button component, request it by specifying the variant and size; the system produces a TSX file with a typed props interface, JSDoc, and Tailwind-compatible class names aligned with the Muji Dark design system.

You can create production-ready React UI components including buttons, cards, modals, forms, alerts, and badges, all strictly adhering to the Muji Dark minimalist design system.