LogoClawIndex
案例技能关于
LogoClawIndex

frontend-pages-and-components - 使用可复用组件构建可扩展的前端页面

使用可复用组件、简洁布局和现代化样式构建完整的前端页面

标签

更新于: 2026-02-13
前端Web开发组件化用户界面响应式设计

能力

典型输入

典型输出

该技能可以做什么

  • 创建语义化HTML布局
  • 开发可复用的UI组件
  • 实现响应式网格系统
  • 应用现代化CSS样式
  • 设计基于组件的架构

输入

  • 设计要求
  • UI规格说明
  • 组件属性配置
  • 样式指导原则
  • 响应式断点设置

输出

  • 包含组件的HTML文件
  • CSS样式表
  • 可复用的组件库
  • 响应式页面布局
  • 样式化的用户界面

要求

  • HTML/CSS知识
  • 现代浏览器兼容性
  • 基于组件的开发环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建语义化HTML布局
开发可复用的UI组件
实现响应式网格系统
应用现代化CSS样式
设计要求
UI规格说明
组件属性配置
包含组件的HTML文件
CSS样式表
可复用的组件库