# UI Component

> Generate standalone HTML/CSS components: forms, cards, modals. Use when picking palettes, choosing fonts, laying out grids, adjusting spacing.

- Skill: `bytesagain/ui-component` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add bytesagain/ui-component`
- Raw SKILL.md: https://api.skillmd.com/api/skills/bytesagain/ui-component/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: bytesagain (https://skillmd.com/u/bytesagain)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/bytesagain/ui-component

---

# 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.