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.
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add dvcrn/openclaw-skills-marketplace --skill ui-component --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Ui Component?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/dvcrn-ui-component)More formats (shields.io, HTML) on the badges page.
---
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
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Playbook for creating and editing uCoz landing pages via MCP tools (`templates_tool`, `ftp_tool`, `modules_tool`). Use for tasks such as: "build a landing page", "update the homepage as a landing page", "create a promo page on the homepage", "add a lead form / menu / SEO to the homepage". Homepage: `page_list`, `page_get`; first publish — `page_update` with full `page_tmpl`; HTML edits after generation — `patch_template` (module_id=2, template_id=1), not `update_template`. Activate the mail f...
