Skillppx logo

Ui Component

根据需求生成表单、卡片、模态框等可运行的HTML/CSS代码。

已扫描
适合谁
前端开发者、设计转开发人员
不适合谁
需要复杂交互逻辑的项目、无前端基础的用户
国内可用性
需网络配置。可能需要网络配置或第三方服务可访问。
安装难度
新手友好（★☆☆）。基于终端操作、依赖、API Key 和本地环境要求的初步判断。

安装与下载

openclaw skills install @bytesagain3/ui-component
下载官方 ZIP

Skill 说明

命令、参数、文件名以原文为准

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
  • Run ui-component help for all commands

Commands

Run ui-component help to see all available commands.

B
@bytesagain3

已收录 12 个 Skill

相关推荐