Agent skill · software engineering · sundial-org
component-gen
Generate React/Vue/Svelte components from descriptions
Why this skill is useful
Adds a command-line tool that generates production-ready components with TypeScript types and accessibility features, which the AI cannot generate on its own.
What it needs
Requires node installed locally. Requires openai account access. About 1k tokens when loaded. Last updated 2026-03-07. 639 stars on the source repository.
What this skill does
Component Generator Describe what you want, get a production-ready component. Supports React, Vue, and Svelte. Quick Start What It Does Generates full components from descriptions Supports React, Vue, and Svelte Includes TypeScript types Adds proper accessibility Includes Tailwind styling Usage Examples Output Includes Component file with proper structure TypeScript interfaces Default props Basic tests scaffold Storybook story (optional) Requirements Node.js 18+. OPENAIAPIKEY required. License MIT. Free forever. --- Built by LXGIC Studios GitHub: github.com/lxgicstudios/ai-component Twitter: @lxgicstudios
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sundial-org/component-gen