vibe-design

Installation
SKILL.md

Vibe Design

Turn human design judgment into declarations an Agent can execute and checks an evaluator can audit. Optimize for controlled quality, not unconstrained generation.

Origin

Use Alibaba Cloud Design's Vibe Design Playbook as the conceptual source for this skill. This skill reorganizes the playbook's ideas into an executable Codex workflow and evaluation contract.

Route the task

Choose the smallest applicable mode:

  • Specify: turn a vague request into product intent, flows, states, boundaries, and acceptance criteria.
  • Design: choose information architecture, page shape, component semantics, visual direction, and interaction behavior.
  • Implement: inspect the repository's existing tokens, components, patterns, and constraints before changing code; preserve the product language.
  • Review: inspect the actual artifact, collect evidence, score it against the relevant criteria, identify blockers, and return executable revision instructions.
  • Systematize: extract repeated design judgments into reusable declarations, component rules, templates, or evaluation criteria.

Do not produce every possible artifact by default. Create only what the task needs.

Installs
4
GitHub Stars
2
First Seen
Aug 4, 2026
vibe-design — hexbee/hello-skills