← ClaudeAtlas

soia-dev-design-explorerlisted

基于 Open Design(经 soia-dev-open-design-ops)做高保真 HTML 原型、设计变体、幻灯片、动画探索与设计评审;要求用户品牌输入、五分类输出落点与可复现验证。
soia-team/soia-open-skills · ★ 1 · Web & Frontend · score 71
Install: claude install-skill soia-team/soia-open-skills
# soia-dev-design-explorer 这是一个公共设计产物工作流包装层。它以 `soia-dev-open-design-ops` 提供的 Open Design 原子操作为底座,将高保真设计探索收敛为明确输入、受控输出和可复现验证;它不替代产品规格或生产实现。 ## 客户可读说明 ### 这个技能可以做什么 | 客户想要 | 技能会做 | 客户能看到 | |---|---|---| | 高保真 prototype / deck / animation | 收集目标、画幅、内容和资产,借助 Open Design 逐步生成 | 产物路径、预览、缺口与验证证据 | | style exploration | 生成 2–4 个可比较方向,不让用户只凭文字盲选 | 方向差异、真实视觉和推荐理由 | | design review | 对已有页面或截图分级评审 | 结论、严重度、优先修复动作 | 不用于常规前端实现、CSS bug 修复、低保真线框或 PRD 编写。 ### 客户如何使用 提供: 1. 交付类型:`prototype` / `deck` / `animation` / `style-exploration` / `review`; 2. 平台与画幅; 3. 受众、用途和成功标准; 4. 真实内容与资产; 5. 用户自带的品牌规范(文件、URL 或明确说明“无”); 6. 输出类别与路径; 7. Open Design checkout 路径;设计系统接入时再提供项目路径或 `DESIGN.md`。 需求模糊时先给 2–3 个互斥形态选项。品牌信息不足时使用中性探索方向并标注 placeholder,不从记忆猜品牌色。 ### 依赖与安装 安装本技能及其硬依赖: ```bash npx skills add soia-team/soia-open-skills -g -a '*' -s soia-dev-design-explorer -y npx skills add soia-team/soia-open-skills -g -a '*' -s soia-dev-open-design-ops -y ``` Open Design 的 checkout、Node/pnpm 前置、私有配置、daemon 端口及安全边界全部由 `soia-dev-open-design-ops` 维护。本技能不内嵌或安装 Open Design;原子层不可用时停止设计生成路径,返回其安装或修复建议,不把本地替代品称为 Open Design 交付。 设计系统优先使用正式三件套:`manifest.json`、`DESIGN.md`、`tokens.css`。现有用户项目可走 `DESIGN.md`-only 兼容接入;须由原子层的 CLI/App `import-local` 注册,不能复制或猜测用户项目路径。 品牌规范不是 skill 依赖。客户可提供 brand guideline、logo、色板、字体、截图和文案规则;未提供时明确记录缺口。 ### 日志与完成回执 ```markdown 完成:<产物或评审结果>。 日志摘要: - type/platform: <类型与画幅> - open-design: <环境/daemon/设计系统或目录检查结果,不输出秘密> - inputs: <品牌/内容/素材完整度> - created/updated: <产物路径> - skipped/failed: