用途
designing-systems 是 fusengine/claude-plugins 插件集合中的一个设计阶段技能，定位为 Phase 1 的 RESEARCH（研究）环节，目标是浏览灵感站点、观察并提取 CSS 规格，为后续撰写 design-system.md 提供依据。技能说明中明确其使用时点：在 Phase 0 的 identity 模板读取完成之后、编写 design-system.md 之前。
主要能力
技能的执行流程围绕“浏览—观察—声明”三步展开：
- 读取灵感目录：先查看 references/design-inspiration.md 与 references/design-inspiration-urls.md 两份参考文件。
- 挑选网址：从目录中选择 4 个与项目行业匹配的网址，行业类别包括创意、金融科技、电商、开发工具与医疗；这些网址必须来自 KNOWN_DOMAINS 清单。
- 浏览与截图：通过 fuse-browser 打开一个会话并在 4 个站点间复用，依次导航、滚动到底以加载懒加载内容、等待 5 秒、向上回滚到顶部、再等待 2 秒，然后截取整页截图。
- 写观察记录：每张截图需写出 5 条精确到 CSS 的观察，而非笼统描述，分别覆盖：颜色（主色、强调色、背景、文字的具体 oklch() 值）；排版（font-family 名称、以 clamp(min, preferred, max) 表达的字号、字体粗细）；布局（grid/flex 结构及列比例，例如 60/40、1fr/1fr，单位为 px 的间距）；效果（单位为 px 的 border-radius、box-shadow 值、backdrop-blur、透明度）；留白（区块 padding、元素间 margin、max-width）。
- 声明参考：写出“Site choisi: {URL}. Je reproduis: {el1}, {el2}, {el3}”，并挑选 3 个视觉上具辨识度的元素及其 CSS 规格。
使用方式
技能按阶段串联：Phase 0 提供行业与字体/配色方向作为输入，Phase 1 即本技能负责调研与规格提取，产出 4 张整页截图（screenshots_count >= 4）、20 条 CSS 精确观察（每站 5 条）以及 1 份包含 3 个待复现元素的参考站声明，之后进入 Phase 2 的 UX COPY（撰写语气、语调与微文案模式）。浏览器操作依赖 fuse-browser 工具，包含 browser_open、browser_navigate、browser_scroll、browser_screenshot 等调用。
参考文件
技能附带多份参考资料：design-inspiration.md 说明浏览方法与观察格式；design-inspiration-urls.md 为按行业匹配的灵感网址目录；color-system.md 涉及 OKLCH 调色板生成；typography.md 涉及字体比例与搭配；ui-hierarchy.md 涉及视觉层级模式；ui-spacing.md 涉及间距系统。
适用场景与限制
适用于已有明确项目行业和字体/配色方向、需要从真实站点提取可复现 CSS 规格的设计前期调研。其产出是结构化的观察记录与参考声明，而非最终设计系统文档。限制方面：网址必须来自 KNOWN_DOMAINS；需依赖 fuse-browser 完成浏览与截图；流程要求固定的滚动与等待步骤以保证懒加载内容完整呈现。关于运行环境、安装命令、收费与效果等信息，当前资料暂未提供。