design

Delegate frontend design work to a specialized DESIGN subagent.

Updated Apr 16, 2026

Search Tags:#workflow #design #frontend #subagent #mockups #brief

Ready to run

npx skills add https://github.com/scikrikci/skills --skill design-scikrikci

💬 Prompt for ChatGPT / Claude Chat▼

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.