LogoClawIndex
案例技能关于
LogoClawIndex

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

生成具有卓越设计质量的创意精炼前端代码

标签

更新于: 2026-03-09

能力

典型输入

典型输出

该技能可以做什么

  • 构建Web组件
  • 创建前端页面
  • 开发Web应用程序
  • 生成HTML/CSS/JS代码
  • 实现React组件
  • 开发Vue应用
  • 应用CSS动画
  • 设计字体系统
  • 创建配色方案
  • 实现空间布局

输入

  • 前端需求
  • 组件规格
  • 页面设计需求
  • 应用上下文
  • 技术约束
  • 审美方向
  • 用户受众信息
  • 目的上下文

输出

  • HTML文件
  • CSS样式表
  • JavaScript代码
  • React组件代码
  • Vue应用代码
  • 工作界面
  • 生产级代码

要求

  • 前端需求输入
  • 审美方向选择
  • 技术约束理解
  • 设计思考过程
  • 生产级实现

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
前端
设计
用户界面
网页开发
创意编程
美学
生产级
构建Web组件
创建前端页面
开发Web应用程序
生成HTML/CSS/JS代码
前端需求
组件规格
页面设计需求
HTML文件
CSS样式表
JavaScript代码