UI Component Builder - 前端组件生成器

快速生成 React/Vue 组件，包含样式和交互逻辑。支持 Tailwind CSS 和常见 UI 库。

v2.1.0
SkillCode Team

Created by

SkillCode Team

📥61downloads
❤️21likes

Quick install (copy this URL):

https://skillcode.cc/ui-builder

Tell Claude: "Install https://skillcode.cc/ui-builder"

Category:frontend
Tags:reactvuecomponenttailwindui

README

# UI Component Builder

快速构建前端组件的技能。

## 支持技术栈
- React + TypeScript
- Vue 3 + Composition API
- Tailwind CSS
- shadcn/ui
- Material UI

## 组件类型
- 表单组件
- 数据展示
- 导航组件
- 反馈组件
- 布局组件

## 特性
- 响应式设计
- 可访问性（a11y）
- 暗色模式支持
- 动画效果

## 使用示例
```bash
claude "创建一个用户登录表单组件"
```

Files

SKILL.mdfile
---
name: ui-builder
description: 前端组件快速生成
---

组件生成清单：
1. 确定组件功能
2. 设计组件API（props）
3. 实现UI结构
4. 添加样式
5. 实现交互逻辑
6. 添加类型定义
7. 考虑可访问性
8. 添加使用示例

Metadata

License
MIT
Created
1/6/2026
Updated
1/6/2026