LogoClawIndex
案例技能关于
LogoClawIndex

ui-design - 设计并构建有特色的生产级前端界面。

指导前端界面从了解项目背景、确定视觉方向到实现、响应式测试和生产级打磨。

标签

更新于: 2026-10-05
前端界面设计响应式设计设计系统视觉设计

能力

了解项目背景收集设计参考确定视觉方向实现界面分区

典型输入

项目与受众背景设备与视口目标现有设计系统文件

典型输出

前端界面代码视觉方向决策响应式界面实现

该技能可以做什么

  • 了解项目背景
  • 收集设计参考
  • 确定视觉方向
  • 实现界面分区
  • 建立视觉层级
  • 测试响应式布局
  • 打磨生产级界面
  • 避免通用化 AI 模式

输入

  • 项目与受众背景
  • 设备与视口目标
  • 现有设计系统文件
  • 参考网站或截图
  • 框架与技术栈
  • 性能预算
  • 无障碍要求
  • 用户反馈

输出

  • 前端界面代码
  • 视觉方向决策
  • 响应式界面实现
  • 打磨后的生产级界面

要求

    来源

    • 规范: SKILL.md

    ClawIndex

    OpenClaw Skills 与 Use Case 索引

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

    索引

    Skills·
    Cases

    Meta

    关于·
    声明·
    邮箱·
    GitHub
    © 2026 ClawIndex 保留所有权利。