适用用途 在定义视觉方向或开始写 UI 之前使用本技能：先查参考画廊，为每个区块选出最合适的信息来源，并声明设计 token。技能固定参考与 token，不改动既有技术栈与实现类技能，也不锁定框架。
参考来源选择 需要整页方向（网站、落地页、作品集）时，使用 Minimal Gallery，且为必选，URL：https://minimal.gallery 需要产品 UI、组件、微交互、动效时，使用 CollectUI，URL：https://collectui.com（若涉及整页，再叠加 Minimal Gallery） 需要 Bento、功能网格、密集卡片时，使用 BentoGrids，URL：https://bentogrids.com 需要页脚时，使用 Footer Design，URL：https://footer.design，优先 Editor's Choice 多个区块组合时，使用 Minimal Gallery 加各区块对应来源，总数仍控制在 2–4 条参考。标签、筛选与判定标准的细节见 references/sources.md。
工作流程
- 梳理需求：确定页面类型与区块（hero、features/bento、UI、footer 等）。
- 选择来源：按上述对应关系选择；网站或落地页必须包含 Minimal Gallery。
- 真实检索：通过 WebFetch 或浏览器访问真实 URL，阅读 references/sources.md，不得臆造条目。
- 挑出 2–4 条与需求契合的参考；在 Minimal Gallery 中必要时至少打开一个 /site/<slug>/ 页面。
- 提取具体要点：布局、排版、颜色、密度、动效、层级；不得复制品牌、文案或素材。
- Token 化：阅读 references/tokens.md，声明 CSS 变量，按 primitive → semantic → component 分层，覆盖 space、radius、size 与颜色；除 radius-full 外只用 4 的倍数；十六进制仅用于 primitive，UI 只使用语义层与组件层 token。
- 实现：引用参考 URL，并仅使用 token 化后的尺度。
- 回退：某个画廊不可用时，尝试清单中其他来源或首页，并记录阻塞原因，绝不编造虚假参考。
规则约束 不得因为“已经熟悉某种风格”而跳过检索。 间距、尺寸、圆角不得使用 4 倍数尺度之外的 px 值。 组件中不得直接散写十六进制颜色，只能通过 token 引用。 不得嵌入截图或从画廊复制的素材。
限制与暂未提供 资料未说明该技能的安装方式、运行环境、依赖工具版本、支持的框架范围、收费情况或效果指标，暂未提供。