Token导航 LogoToken导航TokenDH.com
研究检索需要联网clawhub未标认证来源可访问clear审计通过

skill-design-guide-skill技能设计指导技能

Agent Skill

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

总安装

4,562

周安装

192

GitHub Stars

1

下载量

1,597
OpenClaw

安装说明

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

GitHub

来源数

2

许可证

MIT-0

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

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

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

命令行安装

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

ClawHubOpenClaw
openclaw skills install skill-design-guide-skill

简介

提供界面设计与交互体验优化指导建议。skill-design-guide-skill 属于研究检索类 Skill,可作为该场景下的辅助能力补充。

  • 适用于 UI 结构规划、视觉规范制定和组件层级梳理。
  • 基于产品场景推荐架构模式和工作流设计方法。
  • 输出需结合品牌系统和用户任务综合评估。
  • 页面改动后应通过截图验证文本溢出和对齐效果。

SKILL.md

name
skill-design-guide
display_name
Skill Design Guide
description
>
version
1.3.2
author
haiyangchen (Coralyx)
category
Architecture / Design Patterns
license
MIT
homepage
https://github.com/haiyangchenbj/skill-design-guide-skill
read_when

Skill / Agent Design Guide

30-Second Test: If you're about to write a SKILL.md file OR your skill "works but feels messy", load this guide.

🆚 What Makes This Different

ToolWhat It DoesWhen You Need It
skill-creatorHelps you WRITE skill code"How do I structure this file?"
template-skillGives you COPY-PASTE templates"What's the standard format?"
THIS GUIDETeaches you DESIGN decisions"Should this be Workflow or Agent?"

This guide answers WHY, not HOW.

✅ 3 Ways to Use This Guide

1. New Skill Design (Most Common)

You say: "I want to build a [X] skill" I help you decide:

  • Workflow or Agent?
  • Which of the 5 workflow patterns?
  • Brain/Hands/Session separation?

Output: Architecture blueprint (not code)

2. Skill Review

You say: "Review my skill design" or "Check this skill's quality" I do: Run 25-point checklist

  • Structure check
  • Principle alignment
  • Anti-pattern detection

Output: Review report with improvement suggestions

3. Pattern Selection

You say: "Should I use Prompt Chaining or Routing?" I explain: 5 workflow patterns with decision criteria

Output: Pattern recommendation with rationale


Load this guide as a constraint layer whenever designing any Skill or Agent. Distilled from official engineering blogs and technical docs by Anthropic, OpenAI, and LangChain.


Principle Zero: Simplicity First

Start simple. Add complexity only when simpler solutions fall short.

This is the consensus baseline across Anthropic, OpenAI, and LangChain. Any design violating this principle gets sent back to the drawing board.

Practical checklist:

  • If a single SKILL.md can solve it, don't split into multiple files
  • If a step can be done with deterministic code (scripts), don't use an LLM
  • If a fixed-step workflow can solve it, don't use a dynamic Agent
  • Ship the MVP first, iterate based on actual output quality

Principle One: Brain / Hands / Session Separation

From Anthropic's April 2026 architecture essay: well-designed Agent systems should separate three concerns:

ComponentRoleIn Your Skill
BrainDecision logic, workflow definitionSKILL.md — the orchestration layer
HandsDeterministic execution, tool operationsscripts/ — code that actually does things
SessionContext, knowledge base, configurationreferences/, assets/, config files

Why this matters:

  • Modify Skill logic without touching knowledge bases
  • Update reference materials without changing Skill code
  • Swap file directory structures without rewriting the Skill

Your skills already follow this: data-ai-daily-brief (scripts=fetches data), benjie-model (serves as Session layer for other skills).


Step 1: Workflow or Agent?

Before designing anything, answer one question: Are the task steps predetermined, or does the LLM need to decide the next step dynamically?

TypeDefinitionWhen to choose
WorkflowExecutes along predefined stepsSteps are clear, predictable; stability matters
AgentLLM dynamically plans the flowSteps are uncertain; flexibility needed; uncertainty acceptable

Most real-world scenarios are workflows. Don't pick Agent just because it sounds more advanced — workflows are faster, cheaper, and easier to debug.


Step 2: Choose a Workflow Pattern

If you determined it's a workflow (most likely), pick the best-fit pattern from these five:

Pattern 1: Prompt Chaining

Step A → [checkpoint] → Step B → [checkpoint] → Step C
  • Task decomposes into sequential steps, each processing the previous output
  • Programmatic checks (non-LLM) can be inserted between steps
  • Most common pattern — fits most content generation tasks

Pattern 2: Routing

Input → [classify] → Route A / Route B / Route C
  • Input has clear types; different types need different processing flows
  • Example: article type → corresponding template and rules

Pattern 3: Parallelization

Input → [split] → Subtask A + Subtask B + Subtask C → [merge]
  • Subtasks are independent, can run in parallel for speed
  • Example: core article → simultaneously generate blog, social, newsletter versions

Pattern 4: Orchestrator-Workers

Central LLM → [dynamic dispatch] → Worker1 + Worker2 + ... → [merge]
  • Use when subtasks cannot be predefined
  • Use sparingly — high complexity, hard to debug

Pattern 5: Evaluator-Optimizer

Generate → Evaluate → Feedback → Regenerate → ... until pass
  • Clear evaluation criteria exist; iteration brings measurable improvement
  • Example: content review, code review

Step 3: Design the Skill Structure

Required

ComponentContentNotes
SKILL.mdYAML metadata + workflow instructions + hard rulesThe only mandatory file

Optional (add as needed)

ComponentWhen neededNotes
reference/Skill needs domain knowledge or reference docsLoad on demand, not pre-loaded
scripts/Deterministic steps can be implemented as scriptsReduces LLM calls, improves reliability
assets/Templates, configs, or resources neededWriting templates, brand guides, etc.

SKILL.md Template

---
name: my-skill-name
description: |
  One sentence describing what it does. Second sentence on trigger scenarios.
  Trigger keywords: keyword1, keyword2, keyword3.
version: 1.0.0
allowed-tools:
  - read_file
  - write_to_file
  - replace_in_file
  - execute_command
  - web_search
disable: false
---

# Skill Name

One paragraph overview: what this Skill does, for whom, and what it outputs.

## Workflow

### Step 1: [Deterministic] Confirm Input
- Read xxx
- Validate xxx exists
- If missing, stop and report

### Step 2: [Deterministic] Load Materials
- Read `reference/xxx.md` (only needed files, don't read everything)
- Read `assets/template.md`

### Step 3: [LLM] Core Generation
- Based on materials above, generate xxx
- Follow these rules:
  - Rule 1
  - Rule 2

### Step 4: [LLM] Self-Check
- Verify output meets xxx criteria
- If not, fix and re-output

### Step 5: [Deterministic] Save Output
- Write to `output/xxx`

## Hard Rules

> These rules cannot be violated. They take priority over everything else.

1. [Rule 1 — e.g., Never fabricate data]
2. [Rule 2 — e.g., Sensitive content check]
3. [Rule 3 — e.g., Product names must use official names]

## Failure Handling

| Failure Scenario | Action |
|-----------------|--------|
| Source material file not found | Stop generation, report missing file |
| Output exceeds target word count by 50% | Compress and rewrite |
| [Other scenario] | [Action] |

## Output Format

[Define exact output format and required fields]

Step 4: Quality Checklist

Run this checklist after completing every Skill design:

Structure

  • [ ] SKILL.md YAML metadata includes name and description
  • [ ] description contains trigger keywords
  • [ ] Workflow steps are clear; each step tagged [Deterministic] or [LLM]
  • [ ] Has a "Hard Rules" section
  • [ ] Has a "Failure Handling" section
  • [ ] Has an "Output Format" definition

Principles

  • [ ] Simplicity first: Is this the simplest approach? Have all removable steps been removed?
  • [ ] Workflow vs Agent: Correctly chose workflow/agent? (Most should be workflows)
  • [ ] Pattern match: Which workflow pattern was selected? What's the rationale?
  • [ ] LLM minimized: Are all deterministic steps using scripts/deterministic logic instead of LLM?
  • [ ] Progressive disclosure: Are references loaded on-demand or all pre-loaded? (Should be on-demand)

Tools & Paths

  • [ ] All file references use absolute paths or paths clearly relative to Skill directory
  • [ ] Tool descriptions are unambiguous (parameter names like user_id not user)
  • [ ] Return values contain only high-signal info (name, content), not low-value metadata (UUID, mime_type)

Guardrails

  • [ ] Input validation: Does it check input validity?
  • [ ] Output filtering: Is there a sensitive content check?
  • [ ] Failure handling: Every possible failure scenario has a response?
  • [ ] Human-in-the-loop: Are there checkpoints before high-risk outputs?

Observability

  • [ ] Can you trace which materials the Skill referenced?
  • [ ] Can you pinpoint which step failed when errors occur?

Production-Ready Extensions (Optional)

For skills running in automation or serving multiple users:

  • [ ] Quality vs Latency: Have you traded off accuracy against response time? (More reflection steps → better quality but slower)
  • [ ] Guardrails: Input validation, output filtering, human checkpoints before high-risk outputs
  • [ ] Evaluation: End-to-end quality checks, component-level accuracy tests, continuous monitoring

Anti-Patterns (Must Avoid)

Anti-PatternDescriptionCorrect Approach
Over-engineeringComplex architecture before a working MVPStart with simplest SKILL.md, iterate from there
Full preloadDumping all references into context at onceSpecify which files to read at each step
God SkillOne Skill handling too many responsibilitiesSplit duties — each Skill does one thing
Relative pathsFile references using relative pathsUse absolute paths or explicit base paths
No guardrailsMissing output checks and failure handlingEvery Skill must have hard rules + failure handling
All-LLMUsing LLM for every stepDeterministic steps use scripts; LLM only when necessary
Vague outputNo defined output formatExplicitly define format, fields, and length requirements
No evaluationShipping without testingTest with real tasks; observe where the Agent fails

Platform Compatibility

This guide applies to any Skill/Agent platform:

PlatformSkill ManifestScripts DirectoryNotes
ClawHubSKILL.mdscripts/Native support
OpenAI GPTsInstructions + FunctionsCode InterpreterMap concepts to GPT architecture
Anthropic ClaudeSystem Prompt + ToolsExternal functionsBrain=system prompt, Hands=tools
LangChainChain definitionRunnable lambdasPatterns map to LCEL
Custom AgentsAgent configTool implementationsArchitecture principles universal

Key insight: Brain/Hands/Session separation is platform-agnostic. Adapt the file structure to your platform's conventions.


Credits & References

This guide distills official engineering practices from:

  • Anthropic: "Building Effective Agents" (Dec 2024), "Brain, Hands, and Session" (Apr 2026)
  • OpenAI: Function Calling Best Practices, Agent SDK guidelines
  • LangChain: "State of AI Agents" report, LCEL documentation

Deep Dive References

When you need more detailed design guidance, load these on demand:

ScenarioReference Document
Full industry research (Anthropic/OpenAI/LangChain principles)reference/agent-design-research.md
Anthropic tool design detailed guidereference/anthropic-tool-design.md

*v1.3.0 | Based on Anthropic/OpenAI/LangChain engineering practices | 2026-04-15*

Changelog:

  • v1.3.0: Added usage scenarios, created Chinese version (SKILL_zh.md), optimized value communication
  • v1.2.0: Platform-agnostic rewrite, added Credits, enhanced keywords for architecture focus
  • v1.1.0: Added Principle One (Brain/Hands/Session separation) and Production-Ready extensions
  • v1.0.0: Initial release

适合场景

01

OpenClaw 用户查找和安装 Skill 时

02

用户想查找某类 Agent Skill 时

03

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

04

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

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

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

能力 4

补充不同宿主或平台的使用分布数据

能力 5

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

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

平台分布

OpenClaw

96.69%
按下载量换算1,544

安全审计

VirusTotal

通过

ClawScan

通过

Static analysis

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

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

来源信息

继续浏览同类 Skills