SkillsAdd

sundial-org/awesome-openclaw-skills

component-gen

Generate React/Vue/Svelte components from descriptions

First seen Mar 23, 2026

Installation

$ npx skills add sundial-org/awesome-openclaw-skills --skill component-gen
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
azure-hosted-copilot-sdk Same topic
microsoft/azure-skills 440.4K installs
vercel-composition-patterns Same topic
vercel-labs/agent-skills 326.5K installs
supabase Same topic
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
vercel-react-native-skills Same topic
vercel-labs/agent-skills 205.5K installs
vercel-react-view-transitions Same topic
vercel-labs/agent-skills 115.9K installs

Also in this package

Other skills from sundial-org/awesome-openclaw-skills · top by installs.

npx skills add sundial-org/awesome-openclaw-skills
stock-market-pro 4.1K ontology 3.6K finance-news 2.8K exa-web-search-free 2.8K memory-setup 1.7K ffmpeg-video-editor 1.4K news-summary 1.3K jina-reader 1.0K remind-me 896 apple-calendar 713

Browse all from sundial-org/awesome-openclaw-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 660
License LICENSE
Default branch main
Open issues 12
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,157 B
  • docs SUMMARY.md 75 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 6 installs

SKILL.md

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+. OPENAIAPIKEY required.

License

MIT. Free forever.

Built by LXGIC Studios