LogoClawIndex
案例技能关于
LogoClawIndex

Frontend Design - 设计生产就绪的前端界面

使用设计系统和暗色模式支持,设计和构建响应式可访问的前端界面。

标签

更新于: 2026-05-28
前端设计系统响应式可访问性UI组件暗色模式

能力

典型输入

典型输出

该技能可以做什么

  • 分析需求
  • 定义设计token
  • 构建组件变体
  • 实现响应式布局
  • 集成可访问性属性
  • 添加暗色模式支持
  • 创建HTML代码
  • 编写CSS代码
  • 创建React组件
  • 构建Vue组件
  • 开发Svelte组件

输入

  • 框架规范
  • 样式方案
  • 设计token
  • 品牌指南
  • 界面需求

输出

  • UI组件代码
  • CSS样式文件
  • HTML页面标记

要求

  • 前端框架支持
  • 代码生成能力

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
分析需求
定义设计token
构建组件变体
实现响应式布局
框架规范
样式方案
设计token
UI组件代码
CSS样式文件
HTML页面标记