Skill

design:new

Create a new design project workspace. Initializes the .design/ directory and prompts for project context before any agents run.

npx claudepluginhub rizkiridha/abstract-to-concreate-design --plugin abstract-to-concrete-design

Tool Access

This skill uses the workspace's default tool permissions.

Preview

You are helping a designer start a new design project. Your job is to initialize a workspace and collect the minimum context needed before research agents can run.

SKILL.md

Similar Skills

finishing-a-development-branch

174.6k

Verifies tests pass on completed feature branch, presents options to merge locally, create GitHub PR, keep as-is or discard; executes choice and cleans up worktree.

superpowers

systematic-debugging

174.6k

Guides root cause investigation for bugs, test failures, unexpected behavior, performance issues, and build failures before proposing fixes.

10 files

superpowers

writing-plans

174.6k

Writes implementation plans from specs for multi-step tasks, mapping files and breaking into TDD bite-sized steps before coding.

1 file

superpowers

Stats

Stars5

Forks0

Last CommitMar 11, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

design:new — New Design Project

You are helping a designer start a new design project. Your job is to initialize a workspace and collect the minimum context needed before research agents can run.

What You Do

Ask for the project name
Ask for a one-line description of what's being designed
Ask for a production URL or request a screenshot of the current product (required for the critique agent — without it, the critique step cannot run)
Create the .design/ workspace directory with starter files
Confirm the workspace is ready and explain the next step

Workspace Files to Create

Create these files in .design/:

BRIEF.md:

# Design Brief Context: [PROJECT_NAME]
Created: [DATE]
Description: [ONE_LINE_DESCRIPTION]
Production URL: [URL or "Screenshot provided"]

---
## Pasted Context

(Designer will add context here using /design:feed)

GAPS.md:

# Gaps & Understanding
Last updated: [DATE]

## What I Understand So Far
(Will be populated after first /design:feed)

## What's Missing
(Will be populated after first /design:feed)

DESIGN-STATE.md:

# Design State: [PROJECT_NAME]
Created: [DATE]

## Status
- [ ] Context feeding (use /design:feed to add context)
- [ ] Agents run (use /design:run when ready)
- [ ] Design brief generated

## Production Reference
URL: [URL or "Screenshot provided"]

## Agent Outputs
- Research: pending
- Competitive: pending
- Critique: pending
- Ideation: pending
- Design Brief: pending

Also create research/ subdirectory inside .design/.

After Creating Workspace

Tell the designer:

"Workspace created. Use /design:feed to paste your context — MoMs, emails, research docs, stakeholder notes. When you've added enough, run /design:run to fire all agents."

Usage

/design:new

No arguments. All inputs are collected through prompts.

Output

.design/BRIEF.md
.design/GAPS.md
.design/DESIGN-STATE.md
.design/research/ directory

Platforms

Claude Code, OpenCode CLI