name: ui-component description: "UI组件HTML/CSS代码生成。表单、表格、卡片、模态框、导航栏，输出完整可运行HTML文件。UI component generator: form, table, card, modal, navbar as standalone HTML files. Use when you need ui component capabilities. Triggers on: 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

# Show help
ui-component help

# Run
ui-component run

How It Works

Reads input, processes with built-in logic, outputs structured results.

Tips

• Run ui-component help for all commands
• No API keys required
• Works offline

Commands

Run ui-component help to see all available commands.