generate-component

To generate React UI components, this Skill analyzes your existing components for file structure, styling conventions, and state management. It then creates new component files, co-located styles, and tests that strictly adhere to your project's detected patterns.

Scaffolding a Vue component is handled by detecting your Vue framework setup and analyzing existing code. The Skill automatically generates the component file, styles, basic tests, and optionally creates Storybook stories based on your project's specific export conventions.

Yes, component generation works with Svelte and Solid. The Skill automatically detects React, Vue, Svelte, Angular, or Solid frameworks and studies your existing component patterns to ensure the generated files match your project's styling and state management.

Creating a frontend component without boilerplate involves analyzing your existing components for Tailwind CSS usage and structural conventions. The Skill generates the new component, applying your established styling patterns and automatically producing co-located tests and stories.

Yes, you can automatically create Angular component files that follow your project's file structure. The Skill studies your existing Angular components to detect export conventions, state management, and styling before generating the matching component files and tests.

Generated frontend components need pattern matching to ensure consistency and reduce boilerplate. The Skill studies your existing codebase to detect file structure, styling, and state management conventions, ensuring new components integrate seamlessly with your established architecture.