LogoClawIndex
案例技能关于
LogoClawIndex

frontend-design - 打造具有鲜明设计特色的生产级前端界面

创建具有鲜明特色、生产级的前端界面,注重设计质量,避免通用的AI审美

标签

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

能力

构建网页组件创建网页页面开发网页应用实现HTML/CSS代码

典型输入

前端需求组件规格页面规格

典型输出

可运行的前端代码HTML/CSS文件JavaScript文件

该技能可以做什么

  • 构建网页组件
  • 创建网页页面
  • 开发网页应用
  • 实现HTML/CSS代码
  • 编写JavaScript代码
  • 生成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 保留所有权利。