Component Architect

概要

Component Architect is a powerful scaffolding skill that automates the creation of standardized frontend components for React, Vue, and Next.js. It ensures code consistency by intelligently detecting your project’s framework, styling methodology, and naming conventions to produce a complete directory structure. Beyond simple boilerplate, it generates TypeScript definitions, unit tests, Storybook stories, and accessibility features, allowing developers to focus on core logic rather than repetitive setup tasks.

主な機能

• 0 GitHub stars
• Multi-framework support for React, Next.js, and Vue 3 Composition API
• Automatic detection of styling methods including Tailwind, CSS Modules, and Styled Components
• Generates comprehensive unit tests and Storybook documentation files
• Built-in accessibility (ARIA) and TypeScript type safety for every component
• Support for Atomic Design principles to organize atoms, molecules, and organisms

ユースケース

• Bootstrapping a new design system with consistent atomic components
• Rapidly creating complex feature pages with integrated data fetching and state management
• Ensuring every new UI element follows project standards for testing and documentation