Token导航 LogoToken导航TokenDH.com
研究检索执行命令github未标认证来源可访问许可证需确认审计通过

design-refinement设计细化

Agent Skill

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

总安装

297

周安装

12

GitHub Stars

1

下载量

93
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:design-refinement(设计细化)
来源仓库:https://github.com/freeacger/loom
仓库路径:skills/design-refinement
安装命令:
npx skills add https://github.com/freeacger/loom --skill design-refinement
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/freeacger/loom --skill design-refinement

简介

将模糊的设计分支深化为具体可实现的细节节点,增强边界与失败处理逻辑。

  • 适合已有设计树但缺乏接口定义或验证细节的情况,推动向实施靠拢。
  • 重点在于增加约束、明确行为与补充异常路径,而非推翻原有结构。
  • 安装需通过 npx 添加指定 GitHub 仓库,适用于设计细化迭代阶段。
  • design-refinement 属于研究检索类 Skill,可作为该场景下的辅助能力补充。

SKILL.md

Design Refinement

Overview

This skill deepens an existing design tree.

Its job is to take major branches that are still vague and push them toward implementable leaf nodes. It should make the design more specific, more bounded, and harder to misread during implementation.

When to Use

Use this skill when:

  • the design tree already exists
  • the design is still too high-level to guide implementation planning
  • important branches lack interfaces, boundaries, failure behavior, or validation detail
  • the user asks to make the design more concrete, more detailed, or more complete

Do not use this skill when:

  • there is no design tree yet
  • the main problem is a single bounded decision with multiple options
  • the main question is whether the current design is ready for planning
  • design_target_type is missing from the current design state
  • the task is really a report, note, or SOP draft

Required Input

Do not continue refinement without an explicit design_target_type.

If the design state is missing that field:

  • stop refinement
  • do not silently assume system
  • hand back to design-orchestrator or design-structure so the type can be set explicitly

Leaf Node Standard

Use the target-type-specific completion standard from ../design-tree-core/REFERENCE.md.

In summary:

  • system: responsibility, non-responsibility, adjacent interaction, failure, validation
  • workflow: stage goal, input/output, owner, rollback, quality gate
  • methodology: applicability, non-applicability, decision rules, handoff form, exit condition
  • framework: dimension or module, non-ownership, routing rule, handoff form, completion rule

If those answers are still missing for the current target type, the branch is not done.

Refinement vs Derivation Boundary

Refinement should continue only while a branch remains part of the current tree's original core question.

Use the shared derivation rules in ../design-tree-core/REFERENCE.md as the source of truth.

Stop refining inline when a branch begins to show all of the following:

  • it is answering a second distinct core question
  • it requires repeated local routing decisions of its own
  • it needs its own scope boundary
  • it needs its own completion check
  • continuing inline refinement would make the parent tree harder to route

When those conditions appear:

  • do not keep expanding the branch inline
  • surface the branch as a candidate for derivation
  • hand back to design-orchestrator or design-structure for explicit derived-tree creation

Core Responsibilities

Your responsibilities are:

  1. Walk unresolved design branches one at a time.
  2. Prioritize high-risk, high-dependency, or high-ambiguity branches first.
  3. Expand branches into concrete sub-branches and leaf nodes using the current design_target_type.
  4. Surface hidden assumptions and edge cases.
  5. Add failure-path and validation detail where missing.
  6. Explicitly mark newly discovered decision nodes instead of pretending they are settled.
  7. Resolve [RESEARCH] nodes by performing deep validation of external dependencies (API compatibility, version constraints, integration patterns, error handling, rate limits). Replace [RESEARCH] with when validated, when rejected, or [DECISION] if alternatives need evaluation. If validation cannot be completed in the current context, document what was learned and retain [RESEARCH].

Expected Outputs

Produce or update a design_state that includes:

  • design_target_type
  • refined design_tree branches
  • updated open_branches
  • confirmed_assumptions
  • risks
  • validation
  • updated external_dependencies if any [RESEARCH] nodes were resolved
  • new decision_nodes if discovered

Diagram Conventions

Use character diagrams inside code blocks (no language tag) to visualize component interactions, failure paths, and state transitions.

Sequence Diagrams

Use when a leaf node describes "how it interacts with adjacent parts" and involves 3+ components.

Client          API Server      Auth Service     DB
  │                │                │             │
  │── request ────→│                │             │
  │                │── verify ────→│             │
  │                │←── ok ────────│             │
  │                │── insert ─────────────────→│
  │←── response ───│                │             │

Rules:

  • Three-column maximum; split into two diagrams if more participants
  • Lifelines use ; messages use ──→ (right) or ←── (left)
  • Labels sit on the arrow line: ── label ──→
  • Participant names ≤20 chars, left-aligned at top
  • Omit ACK returns unless they carry meaningful data

Data Flow Diagrams

Use when showing data pipelines or transformation chains.

Source
    │
    ▼
Transform ──── enrich ────→ Enrichment
    │                            │
    ▼                            ▼
Sink A                     Cache Store
  • Components as plain text (no brackets)
  • Vertical: and ; horizontal: ──→; return: ◄────

State Machine Diagrams

Use when a component has 3+ states with transitions.

┌──────────┐     approve     ┌───────────┐
│ Pending  │───────────────→│ Approved  │
└──────────┘                 └───────────┘
     │                            │
     │ timeout               │ start
     ▼                            ▼
┌──────────┐             ┌──────────┐     ok     ┌───────────┐
│ Expired  │             │ Running  │───────────→│ Succeeded │
└──────────┘             └──────────┘             └───────────┘
  • State boxes use ┌ ┐ └ ┘ ─ │
  • Transitions: ──→ with label above/below
  • Terminal states can include or

When to Add Diagrams

  • Sequence: 3+ components exchanging messages
  • Data flow: pipeline with 3+ stages or branching paths
  • State machine: a component has 3+ states with transitions
  • Do NOT add a diagram for 2-node linear flows — use a numbered list instead
  • Max width: 78 characters

Entry and Exit Criteria

Enter when:

  • a design tree already exists
  • important branches remain vague or incomplete

Exit when:

  • key branches have been refined to implementation-ready leaves
  • the remaining work is mainly decision evaluation or readiness checking

Handoff Rules

  • Hand off to decision-evaluation when you surface a clear decision node with multiple real options.
  • Hand off to design-readiness-check when key branches are closed and the main question becomes readiness.
  • Hand back to design-structure if the design tree itself is missing a foundational branch.
  • Hand back to design-orchestrator or design-structure immediately if design_target_type is missing.
  • Do not invent fake option comparisons just to make progress.
  • Do not use refinement to absorb a branch that should become a derived tree.
  • Do not force workflow, methodology, or framework branches into system-shaped leaves.

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Codex

38.26%
按下载量换算36

Claude

32.08%
按下载量换算30

Cursor

17.54%
按下载量换算16

Gemini CLI

9.01%
按下载量换算8

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

执行命令

安装流程涉及命令执行,可能通过 npx skills add https://github.com/freeacger/loom --skill design-refinement 联网下载 Skill 或依赖。用户安装前应确认命令来源、仓库内容和执行环境。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills