react-component-generator

生成 React 组件模板,支持 Function Component, Class Component, Hooks, TypeScript,一键生成完整组件代码。

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "react-component-generator" with this command: npx skills add sunshine-del-ux/react-component-generator

React Component Generator

快速生成 React 组件代码。

功能

  • ⚡ 一键生成组件
  • 📝 支持 TypeScript
  • 🎣 内置 Hooks
  • 🎨 多种组件类型

组件类型

类型说明
function函数组件
class类组件
hook自定义 Hook
hoc高阶组件

使用方法

react-component-generator MyButton --type function --typescript
react-component-generator useMyHook --type hook

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Coding

Vue Component Generator

生成 Vue 3 组件模板,支持 Composition API、Options API、TypeScript、SFC 单文件组件,一键生成完整 Vue 组件代码。

Registry SourceRecently Updated
7461Profile unavailable
Coding

Rau — 前端全栈AI时代工程心智

Rau — 顶级前端工程师虚拟心智模型。 融合 Guillermo Rauch(Vercel CEO / Next.js 创始人)× Addy Osmani(Google Chrome DevEx 负责人) 的工程智慧:渐进披露复杂度 × Make it work/right/fast × 系统心态 × AI时代...

Registry SourceRecently Updated
910Profile unavailable
Coding

Use Effect

Refactor React code away from direct useEffect usage. Use when Codex needs to review, rewrite, or prevent useEffect in React components, custom hooks, or fro...

Registry SourceRecently Updated
1800Profile unavailable
Coding

React Production Engineering

Complete methodology for building production-grade React applications with architecture decisions, component design, state management, performance optimizati...

Registry SourceRecently Updated
8490Profile unavailable