⚡

// Skill profile

ui-component

Name: ui-component
Author: bytesagain3

version: "2.0.0"

by bytesagain3 · published 2026-03-22

开发工具

Total installs

Stars

★ 0

Last updated

2026-03

// Install command

$ claw add gh:bytesagain3/bytesagain3-ui-component

View on GitHub

// Full documentation

---

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

Examples

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

// Comments

// Related skills

More tools from the same signal band

Order food/drinks (点餐) on an Android device paired as an OpenClaw node. Uses in-app menu and cart; add goods, view cart, submit order (demo, no real payment).

Sign plugins, rotate agent credentials without losing identity, and publicly attest to plugin behavior with verifiable claims and authenticated transfers.

The philosophical layer for AI agents. Maps behavior to Spinoza's 48 affects, calculates persistence scores, and generates geometric self-reports. Give your...

日历管理数据处理

1 installs★ 0