LogoClawIndex
案例技能关于
LogoClawIndex

ui-design - 使用Tailwind CSS的Awwards品质UI设计

使用Tailwind CSS和设计系统设计现代高品质用户界面

标签

更新于: 2026-02-24
UI设计前端开发Tailwind CSS响应式设计网页开发

能力

典型输入

典型输出

该技能可以做什么

  • 生成设计系统指南
  • 创建UI组件
  • 应用品牌色彩
  • 实现响应式布局
  • 添加微动画

输入

  • brand.json文件
  • sitemap.json文件
  • 设计系统输出
  • Tailwind CSS框架

输出

  • HTML标记
  • CSS样式
  • UI组件库
  • 响应式网页

要求

  • Tailwind CSS环境
  • UI/UX Pro Max设计系统
  • Python 3用于脚本
  • 品牌配置文件

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
生成设计系统指南
创建UI组件
应用品牌色彩
实现响应式布局
brand.json文件
sitemap.json文件
设计系统输出
HTML标记
CSS样式
UI组件库