LogoClawIndex
案例技能关于
LogoClawIndex

frontend-design - 创建生产级前端界面,具备独特设计风格

为网页组件、页面和应用程序生成具有高质量设计的创意精炼前端代码

标签

更新于: 2026-03-09
前端界面设计网页开发创意编程美学aesthetics

能力

典型输入

典型输出

该技能可以做什么

  • 生成HTML/CSS/JS代码
  • 实现React组件
  • 创建Vue组件
  • 应用CSS动画
  • 选择排版字体
  • 定义配色方案
  • 设计空间布局
  • 添加视觉效果

输入

  • 前端需求
  • 技术约束
  • 框架偏好
  • 受众上下文
  • 设计约束

输出

  • HTML文件
  • CSS文件
  • JavaScript文件
  • React组件
  • Vue组件
  • 可运行的前端代码

要求

  • HTML/CSS/JS知识
  • 前端框架经验
  • 设计思维能力
  • 美学方向选择能力

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
生成HTML/CSS/JS代码
实现React组件
创建Vue组件
应用CSS动画
前端需求
技术约束
框架偏好
HTML文件
CSS文件
JavaScript文件