LogoClawIndex
案例技能关于
LogoClawIndex

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

创建独特的前端界面,避免通用AI美学

标签

更新于: 2026-03-20
前端开发网页设计UI设计视觉设计排版色彩理论动画可访问性响应式设计性能优化

能力

典型输入

典型输出

该技能可以做什么

  • 设计界面
  • 选择字体
  • 构建配色方案
  • 创建动画
  • 布局设计
  • 添加视觉效果
  • 确保可访问性
  • 优化性能

输入

  • 设计需求
  • 内容和资源
  • 品牌资源
  • 项目技术栈
  • 性能目标
  • 可访问性要求

输出

  • HTML结构
  • CSS样式表
  • 设计系统文件
  • 动画过渡
  • 响应式布局
  • 可访问性代码
  • 优化后的静态资源
  • 视觉设计规范

要求

  • 现代浏览器支持
  • 代码编辑器
  • CSS预处理器
  • WCAG 2.1 AA可访问性标准
  • Web性能优化工具

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
设计界面
选择字体
构建配色方案
创建动画
设计需求
内容和资源
品牌资源
HTML结构
CSS样式表
设计系统文件