Claude Skills · Design

Design Vibe

drobins25/craft

Use this skill when the user wants to discover, define, or refine their product's aesthetic identity. Triggers on "what should this feel like?", "help me figure out the vibe", "something feels off visually", "I want it to feel like [X]", "define the visual language", or when a project has no established design direction. This is the art director skill - it helps users articulate something they can feel but can't name. Also handles quick cohesion checks when the orchestrator needs one during cycle planning.

★ 52 Synced 1 hour ago View SKILL.md

At a glance

Design Plugin install Shell Actively maintained v2.0.0

This skill is for Design and helps you define a product's visual aesthetic, articulate design direction and brand feel, and refine visual identity and cohesion.

Setup, runtime and requirements describe drobins25/craft, the repo this skill ships in.

brand-identityVisual LanguageAestheticDesign Directionart-directionCohesion

Also in drobins25/craft

View the repo
Adhoc Coding

Adhoc workflow for small targeted changes to existing behavior or appearance, without the full story ceremony. Use when the orchestrator enc...

Approve Productivity

Request write permission from the user before making file changes. MUST be invoked before any write attempt when the write gate is closed. C...

Browser DevOps & Infrastructure

Interactive browser automation via playwright-cli. Use when you need to navigate a site, click elements, fill forms, take snapshots, or tria...

Content Spark Productivity

This skill should be used when a story has been captured but content direction is unresolved - the spark describes WHAT to build structurall...

This skill should be used when the user asks to "brainstorm", "explore options", "get creative", "what if we...", or selects "Let's get crea...

This skill should be used when the user says "lock it", "go with that", "approved", "that's the standard", or explicitly establishes a proje...

Plan Chunks Productivity

This skill should be used when the user asks to "plan chunks", "break this down", "plan the implementation", or when a story has status plan...

Refine Chunk Coding

This skill should be used when validate-chunk reports errors or failures, when the user asks to "fix these errors", "resolve validation issu...

Test Fix Code Review & Testing

This skill should be used when validate-chunk reports test failures specifically, when the user says "tests are failing", "figure out what's...

Validate Chunk Code Review & Testing

Enforcement layer for chunk and story validation. Invokes the chunk-validator agent (haiku), enforces the verdict, routes failures to refine...

Other Design skills

Frontend Design anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...

Algorithmic Art anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...

Prototype mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...

Design An Interface mattpocock/skills

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...

Wireframe Sketch nexu-io/open-design

A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations...

Wireframe Annotated nexu-io/open-design

An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...