React Component Generator
生成 React 组件模板,支持 Function Component, Class Component, Hooks, TypeScript,一键生成完整组件代码。
Sunshine-del-ux
@sunshine-del-ux
Install
$ openclaw skills install @sunshine-del-ux/react-component-generatorReact Component Generator
快速生成 React 组件代码。
功能
- ⚡ 一键生成组件
- 📝 支持 TypeScript
- 🎣 内置 Hooks
- 🎨 多种组件类型
组件类型
| 类型 | 说明 |
|---|---|
| function | 函数组件 |
| class | 类组件 |
| hook | 自定义 Hook |
| hoc | 高阶组件 |
使用方法
react-component-generator MyButton --type function --typescript
react-component-generator useMyHook --type hook
Top skills in this category
Skill Vetter
@spclaudehomeSecurity-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
Github
@steipeteInteract with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.
Humanizer
@biostartechnologyRemove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: inflated symbolism, promotional language, superficial -ing analyses, vague attributions, em dash overuse, rule of three, AI vocabulary words, negative parallelisms, and excessive conjunctive phrases.
Free Ride - Unlimited free AI
@shaivpidadiManages free AI models from OpenRouter for OpenClaw. Automatically ranks models by quality, configures fallbacks for rate-limit handling, and updates opencla...
Elite Longterm Memory
@nextfrontierbuildsUltimate AI agent memory system for Cursor, Claude, ChatGPT & Copilot. WAL protocol + vector search + git-notes + cloud backup. Never lose context again. Vibe-coding ready.