skills.rest
scikrikci
scikrikciCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design

Delegate frontend design work to a specialized DESIGN subagent.

Updated Apr 16, 2026
Search Tags:#workflow#design#frontend#subagent#mockups#brief
One-click install
npx skills add https://github.com/scikrikci/skills --skill design-scikrikci
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/scikrikci/skills/tree/main/skills/design
Command: npx skills add https://github.com/scikrikci/skills --skill design-scikrikci

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegates frontend design work to a specialized DESIGN subagent, enabling teams to translate product intent into polished visuals without micromanaging design decisions.

Core Features & Use Cases

  • Create rich design briefs detailing WHAT to build, the target user, and the desired outcomes for frontend work.
  • Support mockup sandboxes and variant exploration to compare visual directions quickly.
  • Orchestrate design tasks using startAsyncSubagent or subagent to run in the background while the main agent continues with logic.

Quick Start

Provide a rich brief describing WHAT to build and WHO it's for, then invoke the DESIGN subagent to generate the visual direction.

Frequently Asked Questions about design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I delegate frontend design tasks to a subagent?▼

You can delegate frontend design by invoking a specialized DESIGN subagent with a rich brief detailing WHAT to build and WHO it is for, enabling the subagent to translate product intent into actionable visual directions without micromanaging decisions.

What is a design brief and what should it include for frontend mockups?▼

A design brief for frontend mockups is a detailed document outlining the product intent, target user, and desired outcomes. Providing a rich brief ensures the DESIGN subagent generates accurate visual directions and UI exploration guidelines.

Can I run design variant exploration in the background while coding?▼

Yes, you can orchestrate design tasks using startAsyncSubagent or subagent to run in the background. This allows the main agent to continue handling application logic while the DESIGN subagent explores visual mockup variants.

Does this approach work for fullstack apps and mockup sandboxes?▼

Yes, delegating to a DESIGN subagent applies to fullstack apps, mockup sandboxes, and variant exploration scenarios. It enables rapid design iteration by enforcing a DESIGN specialization across different frontend environments.

Do I need any specific dependencies to use a DESIGN subagent?▼

No specific dependencies are required to use the DESIGN subagent. You simply need to provide a rich brief describing the frontend work, and the subagent will return actionable briefs and guidelines for UI exploration.

Why use a subagent for frontend design instead of managing it directly?▼

Using a subagent for frontend design allows you to translate product intent into polished visuals without micromanaging design decisions. It enforces a DESIGN specialization and returns actionable guidelines for rapid UI exploration.

Related Skills

Explore More Design & Creative Skills→
michaelboedingmichaelboeding
24

product-engineer-agent

Design comprehensive product specifications from initial ideas.

Community
Advanced
ammosuammosu
24

canvas-design

Translate design briefs into visual philosophy and poster-ready PNG or PDF artwork.

Community
Basic
YSheldonYSheldon

design

Delegate frontend design tasks to a DESIGN subagent via startAsyncSubagent.

Community
Advanced
El3tar-cmdEl3tar-cmd
18

design

Delegate frontend design work to a specialized DESIGN subagent.

Community
Advanced