现代界面设计权威指南

基于2026设计趋势的纯知识型UI/UX指南，整合Tailwind CSS与Shadcn/ui最佳实践，助力开发者构建无障碍、响应式的现代化界面。

CLS 安全 S 源可信度 T2 下载 4.5k 安装 913 99%推荐

v2.2 itsjustdri

design frontend productivity development-engineering docs

登录后收藏登录后加入合集

安装方式

CLI 安装（推荐）

claw install cc-346

需要安装 CLAW CLI

手动下载安装

下载 ZIP 后解压到技能目录即可安装。若在桌面客户端 WebView中直接下载出现异常，本站会改为提示页 + 原始链接，请按页内说明操作。

下载 ZIP (cc-346-v2.2.zip)

跨平台安装指引

该技能声明兼容以下 1 个平台，将 ZIP 解压到对应目录即可被识别。

支持矩阵

OpenClaw（开爪） OpenClaw

macOS / Linux：~/.openclaw/skills/

Windows：%USERPROFILE%\.openclaw\skills\

unzip cc-346-v2.2.zip -d ~/.openclaw/skills/

目录不存在时请先 mkdir -p 创建；启用 Skill 后请重启对应 Agent 让配置生效。

使用指南

简介

基于2026设计趋势的纯知识型UI/UX指南，整合Tailwind CSS与Shadcn/ui最佳实践，助力开发者构建无障碍、响应式的现代化界面。

英文摘要

Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind Shadcn/ui integration, micro-interactions, and...

CLS 安全提示

✅ 纯知识型文档，无任何可执行代码或命令执行能力\n- ✅ 无网络通信、文件系统访问或环境变量读取功能\n- ✅ 所有代码示例均为教学用途的CSS/JSX片段，无危险函数调用\n- ⚠️ 文档包含npx安装命令示例，执行前需确认来源可信度\n- ✅ 无运行时依赖，不存在供应链攻击面

## 简介

基于2026设计趋势的纯知识型UI/UX指南，整合Tailwind CSS与Shadcn/ui最佳实践，助力开发者构建无障碍、响应式的现代化界面。

---

## 英文摘要

Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind Shadcn/ui integration, micro-interactions, and...

---

## CLS 安全提示

- ✅ 纯知识型文档，无任何可执行代码或命令执行能力\n- ✅ 无网络通信、文件系统访问或环境变量读取功能\n- ✅ 所有代码示例均为教学用途的CSS/JSX片段，无危险函数调用\n- ⚠️ 文档包含`npx`安装命令示例，执行前需确认来源可信度\n- ✅ 无运行时依赖，不存在供应链攻击面