ui-design

@tencentcloudbase · 收录于 5 天前 · 上游提交 5 天前

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.

场景界面设计原型制作视觉方向

适合你，如果在实现前需要设计规范或界面原型

/ 下载安装

https://github.com/tencentcloudbase/awesome-cloudbase-examples/tree/master/miniprogram/cloudbase-ai-video/.agents/skills/ui-design ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add tencentcloudbase/awesome-cloudbase-examples/ui-design

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- tencentcloudbase/awesome-cloudbase-examples/ui-design

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify tencentcloudbase/awesome-cloudbase-examples/ui-design

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

414GitHub stars

~3K最小装载

~3.2K含声明引用

~3.2K文本包总量

索引托管

怎么用

商店整理自技能原文 · 版本 f73377e · 表述以原文为准

它做什么

装上后，Claude 会先输出一份完整的设计规范（包括目的、美学方向、色板、字体、布局策略），然后用 Tailwind CSS 和专业图标库实现高保真界面原型，并自动避开 AI 通用美学（如紫渐变、Inter 字体、居中卡片）。

什么时候触发

当你需要为一个网页或小程序界面确定视觉方向、设计规范、布局或配色，或要求先设计再编码时，该技能会自动接管。

装好后可以这样说

Claude 会先输出设计规范，再生成原型代码。

Claude 会避开通用样式，使用具体的美学方向。

技能原文在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…