Menu
基于描述生成 React 组件代码，支持 TypeScript 和样式
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | React Components Generator |
| description | 基于描述生成 React 组件代码，支持 TypeScript 和样式 |
| version | 2.0.1 |
| author | Frontend Team |
| category | 代码生成 |
基于自然语言描述生成 React 组件代码。支持 TypeScript、Hooks、Styled Components 等现代 React 开发技术栈。
智能代码审查技能，帮助识别代码问题并提供改进建议
基于描述生成 React 组件代码，支持 TypeScript 和样式
数据库表结构设计工具，支持 ER 图生成和 SQL 导出
一个示例技能，展示如何创建自定义技能
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
