UI组件生成器

ui-component

by BytesAgain

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

3.9k其他未扫描2026年3月23日

安装

claude skill add --url github.com/openclaw/skills/tree/main/skills/bytesagain3/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.

相关 Skills

Claude API

by anthropic

热门

Build apps with the Claude API or Anthropic SDK. TRIGGER when: code imports `anthropic`/`@anthropic-ai/sdk`/`claude_agent_sdk`, or user asks to use Claude API, Anthropic SDKs, or Agent SDK. DO NOT TRIGGER when: code imports `openai`/other AI SDK, general programming, or ML/data-science tasks.

其他

安全111.8k

Solana防骗检测

by ammkode

新

Detect scam tokens on Solana before you trade. Checks ticker patterns, token age, and known scam mints. Read-only — no wallet signing required.

其他

未扫描3.9k

营收工作室

by amoldericksoans

新

A revenue-first solofounder studio that watches markets, finds monetizable pain, validates offers, ships narrow products, and compounds commercial memory across launches. Uses massive parallel agent orchestration with 8 layers: Signal Mesh, Extraction, Opportunity Graph, Cofounder Council, Revenue Lab, Build Studio, Launch Loop, and Portfolio Allocator.

其他

未扫描3.9k

评论