LogoClawIndex
案例技能关于
LogoClawIndex

frontend-design - 创建独特的生产级前端界面

构建具有高质量设计的Web组件、页面和应用程序,避免通用AI美学

标签

更新于: 2026-03-09
前端网页设计界面开发创意编码美学生产级

能力

典型输入

典型输出

该技能可以做什么

  • 设计前端界面
  • 实现HTML/CSS/JS代码
  • 创建React组件
  • 构建Vue应用程序
  • 应用视觉设计原则
  • 实现动画和效果
  • 选择排版和颜色
  • 创建空间组合

输入

  • 前端需求
  • 组件规范
  • 页面设计
  • 应用上下文
  • 技术约束
  • 用户群体信息

输出

  • HTML文件
  • CSS样式表
  • JavaScript代码
  • React组件
  • Vue组件
  • 可工作的前端界面

要求

  • 前端开发环境
  • 浏览器兼容性
  • CSS支持
  • JavaScript运行时

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
设计前端界面
实现HTML/CSS/JS代码
创建React组件
构建Vue应用程序
前端需求
组件规范
页面设计
HTML文件
CSS样式表
JavaScript代码