7.2k★by lxgicstudios
component-gen – OpenClaw Skill
component-gen is an OpenClaw Skills integration for coding workflows. Generate React/Vue/Svelte components from descriptions
Skill Snapshot
| name | component-gen |
| description | Generate React/Vue/Svelte components from descriptions OpenClaw Skills integration. |
| owner | lxgicstudios |
| repository | lxgicstudios/ai-component |
| language | Markdown |
| license | MIT |
| topics | |
| security | L1 |
| install | openclaw add @lxgicstudios/ai-component |
| last updated | Feb 7, 2026 |
Maintainer
name: component-gen description: Generate React/Vue/Svelte components from descriptions
Component Generator
Describe what you want, get a production-ready component. Supports React, Vue, and Svelte.
Quick Start
npx ai-component "A pricing card with monthly/yearly toggle"
What It Does
- Generates full components from descriptions
- Supports React, Vue, and Svelte
- Includes TypeScript types
- Adds proper accessibility
- Includes Tailwind styling
Usage Examples
# Generate React component
npx ai-component "user profile card with avatar"
# Specify framework
npx ai-component "dropdown menu" --framework vue
# With specific styling
npx ai-component "modal dialog" --css tailwind
Output Includes
- Component file with proper structure
- TypeScript interfaces
- Default props
- Basic tests scaffold
- Storybook story (optional)
Requirements
Node.js 18+. OPENAI_API_KEY required.
License
MIT. Free forever.
Built by LXGIC Studios
- GitHub: github.com/lxgicstudios/ai-component
- Twitter: @lxgicstudios
No README available.
Permissions & Security
Security level L1: Low-risk skills with minimal permissions. Review inputs and outputs before running in production.
Requirements
Node.js 18+. OPENAI_API_KEY required.
FAQ
How do I install component-gen?
Run openclaw add @lxgicstudios/ai-component in your terminal. This installs component-gen into your OpenClaw Skills catalog.
Does this skill run locally or in the cloud?
OpenClaw Skills execute locally by default. Review the SKILL.md and permissions before running any skill.
Where can I verify the source code?
The source repository is available at https://github.com/openclaw/skills/tree/main/skills/lxgicstudios/ai-component. Review commits and README documentation before installing.