jalco-component-builder

When creating React UI components, this Skill enforces best practices by guiding you through file boundary decisions, default state design, and variant implementation to ensure production-ready components with strong defaults and restrained styling.

The best way to structure UI component variants and documentation is to follow a deliberate workflow that evaluates dependencies, implements restrained styling, designs strong defaults, and aligns documentation with copy-paste ergonomics for optimal developer experience.

Yes, you can use this component builder for refining and reviewing existing React UI components. It facilitates component refinement by evaluating file boundaries, dependencies, and documentation alignment to ensure they remain production-ready and meet project standards.

No, the component development workflow has no required dependencies. It guides the agent through requirement clarification and scope judgment first, carefully evaluating any necessary dependencies during the file boundary and variant implementation stages.

You should enforce strong defaults and restrained styling when creating Tailwind CSS components to prioritize copy-paste ergonomics and ensure the UI components integrate cleanly into the library without overriding existing project conventions.