ui-component

by bytesagain3

Install this Skill

curl -fsSL -o ui-component.zip https://skill.seembox.com/api/v1/skills/ui-component/download && unzip ui-component.zip

Download ui-component.zip

SKILL.md About

---
version: "2.0.0"
name: ui-component
description: "UI组件HTML/CSS代码生成。表单、表格、卡片、模态框、导航栏，输出完整可运行HTML文件。UI component generator: form, table, card, modal."
author: BytesAgain
homepage: https://bytesagain.com
source: https://github.com/bytesagain/ai-skills
---
# ui-component

UI组件HTML/CSS代码生成。表单、表格、卡片、模态框、导航栏，输出完整可运行HTML文件。UI component generator: form, table, card, modal, navbar as standalone HTML files.

## 核心特点

🎯 **精准** — 针对具体场景定制化输出
📋 **全面** — 多个命令覆盖完整工作流
🇨🇳 **本土化** — 完全适配中文用户习惯

## 可用命令

- **generate** — generate
- **form** — form
- **table** — table
- **card** — card
- **modal** — modal
- **navbar** — navbar

## 专业建议

- 一致性** — 同一项目使用统一的圆角、间距、配色
- 可访问性** — 表单加label，按钮有焦点样式，对比度达标
- 响应式** — 移动端优先，用相对单位(rem/%)
- 简洁** — 少即是多，不加无意义装饰
- | 需求 | 推荐命令 |

---
*ui-component by BytesAgain*
---
💬 Feedback & Feature Requests: https://bytesagain.com/feedback
Powered by BytesAgain | bytesagain.com

## Examples

```bash
# Show help
ui-component help

# Run
ui-component run
```

- Run `ui-component help` for all commands

## Commands

Run `ui-component help` to see all available commands.

_meta.json Metadata

{
  "ownerId": "kn73qa43wp1xgxc9fesyt0j63n82q2q9",
  "publishedAt": 1773773925036,
  "slug": "ui-component",
  "version": "2.0.0"
}