Agentic workflow for designers — research, competitive analysis, and UX critique run in parallel to produce an evidence-based design brief before you open Figma.
6 on GitHubby rizkiridhav1.0.0updated 8 months agodesign
/
Plugin abstract-to-concrete-design from marketplace abstract-to-concrete-design in rizkiridha/abstract-to-concreate-design. Commands read from the repo's manifest — 1 month ago.
What it installs
Skills (11)
design-agent-competitive
Specialist agent — maps the competitive landscape and surfaces patterns and gaps. Outputs COMPETITIVE.md. Dispatched by design:run orchestrator.
design-agent-critique
Specialist agent — audits the current UX using the production URL or screenshot. Outputs CRITIQUE.md with severity-rated findings. Dispatched by design:run orchestrator.
design-agent-ideation
Specialist agent — synthesizes all Wave 1 outputs into a reframed problem and design tensions. No directions. No solutions. Outputs IDEATION.md. Dispatched by design:run orchestrator after Wave 1 completes.
design-agent-orchestrator
Internal orchestrator — manages wave scheduling and agent dispatch for design:run. Not user-invokable. Called by design:run skill.
design-agent-research
Specialist agent — synthesizes pasted context from BRIEF.md into a structured UX problem statement. Outputs RESEARCH.md. Dispatched by design:run orchestrator.
design:brief
Generate or regenerate DESIGN-BRIEF.md from existing agent outputs. Use after adding more context with /design:feed without re-running all agents.
design:feed
Add context to the design project workspace. Paste MoMs, emails, Slack threads, research docs, or stakeholder notes. Agent reflects back understanding and surfaces gaps.
design:new
Create a new design project workspace. Initializes the .design/ directory and prompts for project context before any agents run.
design:run
Fire all specialist agents. Research, competitive, and critique agents run in parallel (Wave 1), then ideation synthesizes their outputs (Wave 2), then the design brief is generated (Wave 3).
design:status
Show current workspace state — what context has been fed, which agents have run, what gaps remain.
design:validate
Validate problem understanding, stakeholder alignment, context freshness, and gap analysis before proceeding to ideation. Run after design:feed (pre-agent) and after Wave 1 (post-research).
Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
Build, preview, and test UI components with Storybook.
7 skills
storybookjs/storybook 91,552
Maintain abstract-to-concrete-design?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.