design-rules — for Claude Code design-rules, claude-kit, community, for Claude Code, ide skills, design spec automation, spec quality evaluation, design checklist verification, phase-driven loading, ai coding standards, Claude Code

v1.0.0

关于此技能

Perfect for AI Coding Agents needing structured design specifications and streamlined development processes. The design-rules skill provides guidelines for producing high-quality design specs, streamlining the development process for AI coding agents and benefiting developers.

功能特性

Load design rules at startup using /designer command
Apply phase-driven loading for efficient spec development
Evaluate approach criteria using Spec Quality guidelines
Verify design specs with Design Checklist for self-verification
Ensure user gate verification before presenting designs

# 核心主题

hex0xdeadbeef hex0xdeadbeef
[25]
[0]
更新于: 3/29/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 8/11

This page remains useful for operators, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution
Review Score
8/11
Quality Score
49
Canonical Locale
en
Detected Body Locale
en

Perfect for AI Coding Agents needing structured design specifications and streamlined development processes. The design-rules skill provides guidelines for producing high-quality design specs, streamlining the development process for AI coding agents and benefiting developers.

核心价值

Empowers agents to produce high-quality design specs by following phase-driven guidelines, utilizing spec quality criteria, and avoiding anti-patterns, all while ensuring verifiable acceptance criteria and explicit risk mitigation using protocols like phase-driven loading and self-verification checklists.

适用 Agent 类型

Perfect for AI Coding Agents needing structured design specifications and streamlined development processes.

赋予的主要能力 · design-rules

Automating design spec generation with phase-driven loading
Generating verifiable acceptance criteria for design specs
Debugging design specs using anti-pattern identification and spec quality criteria

! 使用限制与门槛

  • Requires /designer command integration
  • Limited to design spec generation and review processes

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.
  • - The underlying skill quality score is below the review floor.

Source Boundary

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

实验室 Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

常见问题与安装步骤

以下问题与步骤与页面结构化数据保持一致,便于搜索引擎理解页面内容。

? FAQ

design-rules 是什么?

Perfect for AI Coding Agents needing structured design specifications and streamlined development processes. The design-rules skill provides guidelines for producing high-quality design specs, streamlining the development process for AI coding agents and benefiting developers.

如何安装 design-rules?

运行命令:npx killer-skills add hex0xdeadbeef/claude-kit/design-rules。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

design-rules 适用于哪些场景?

典型场景包括:Automating design spec generation with phase-driven loading、Generating verifiable acceptance criteria for design specs、Debugging design specs using anti-pattern identification and spec quality criteria。

design-rules 支持哪些 IDE 或 Agent?

该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。

design-rules 有哪些限制?

Requires /designer command integration;Limited to design spec generation and review processes。

安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行:npx killer-skills add hex0xdeadbeef/claude-kit/design-rules。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    design-rules 已启用,可立即在当前项目中调用。

! 参考页模式

此页面仍可作为安装与查阅参考,但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论,再决定是否继续查看上游仓库说明。

Imported Repository Instructions

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

Supporting Evidence

design-rules

安装 design-rules,这是一款面向AI agent workflows and automation的 AI Agent Skill。支持 Claude Code、Cursor、Windsurf,一键安装。

SKILL.md
Readonly
Imported Repository Instructions
The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.
Supporting Evidence

Design Rules

Purpose

Guidelines for the /designer command to produce high-quality design specs that reduce plan-review iterations.

Instructions

Step 1: Load at /designer startup

Read this SKILL.md for overview. Supporting files loaded on-demand per phase.

Step 2: Use phase-driven loading

  • Phase 3 (PROPOSE) → read Spec Quality for approach evaluation criteria
  • Phase 4 (WRITE SPEC) → read Design Checklist for self-verification
  • Phase 5 (USER GATE) → verify checklist before presenting to user

Spec Quality Criteria

CriterionRequiredCheck
Context describes current stateYesNot just "add X" but "currently Y exists, need X because Z"
Scope has IN and OUTYesOUT items have explicit reasons
At least 2 approaches comparedYesWith pros/cons for each
Selected approach has rationaleYesReferences constraints from requirements
Key decisions are numberedYesEach has rationale and impact
Risks have severity and mitigationYesHIGH risks must have concrete mitigation
Acceptance criteria are verifiableYesEach can be checked as pass/fail

Anti-Patterns

Anti-PatternWhy BadFix
"The obvious approach is..."Skips exploration, may miss better optionsAlways compare at least 2
Spec without OUT scopeScope creep during planningExplicitly list what's excluded
Vague acceptance criteria ("works well")Can't verifyMake criteria concrete and testable
No risks identifiedEvery design has risksIdentify at least 1 per approach
Copying task description as contextNo analysisDescribe current state, not just goal

Common Issues

Designer skips CLARIFY phase

Cause: Task seems clear. Fix: Even "clear" tasks benefit from scope IN/OUT confirmation. At minimum, confirm scope.

User rejects all approaches

Cause: Missing constraint not captured. Fix: Ask: "What constraint am I missing?" — don't generate more approaches without new information.

References

相关技能

寻找 design-rules 的替代方案 (Alternative) 或可搭配使用的同类 community Skill?探索以下相关开源技能。

查看全部

openclaw-release-maintainer

Logo of openclaw
openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

333.8k
0
AI

widget-generator

Logo of f
f

为prompts.chat的信息反馈系统生成可定制的插件小部件

149.6k
0
AI

flags

Logo of vercel
vercel

React 框架

138.4k
0
浏览器

pr-review

Logo of pytorch
pytorch

Python中具有强大GPU加速的张量和动态神经网络

98.6k
0
开发者工具