design

Delegate frontend design tasks to a DESIGN subagent with a structured brief.

Updated Feb 9, 2026
One-click install
npx skills add https://github.com/soq123/SE3354-Calo-fit --skill design-soq123
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/soq123/SE3354-Calo-fit/tree/main/.local/skills/design
Command: npx skills add https://github.com/soq123/SE3354-Calo-fit --skill design-soq123

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegates frontend design work to a DESIGN subagent, freeing the main agent to focus on product logic and ensuring high-quality visuals through specialized doctrine.

Core Features & Use Cases

  • Enables the main agent to offload frontend design tasks to a DESIGN subagent with its own built-in design doctrine.
  • Supports async exploration and variant testing via startAsyncSubagent or subagent for rapid iteration.
  • Requires a rich creative brief describing WHAT to build and WHO it's for; the subagent then handles presentation, layout, and visual decisions.

Quick Start

Describe WHAT to build and WHO it's for, then start an Async DESIGN subagent with a rich brief.

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 to a subagent for async builds?

To delegate frontend design, you start an Async DESIGN subagent using startAsyncSubagent and provide a rich creative brief describing what to build and who it is for, letting the subagent handle presentation and layout.

What should a creative brief include for frontend design delegation?

A creative brief for frontend design delegation must explicitly describe what to build and who the target audience is, providing enough context for the DESIGN subagent to autonomously handle presentation, layout, and visual decisions.

Can I run multiple frontend design variants concurrently using subagents?

Yes, you can run multiple frontend design variants concurrently by launching several async subagents, enabling rapid creative iteration and visual exploration for mockup sandboxes within your fullstack project.

Why use a design subagent instead of handling frontend layout directly?

Using a design subagent frees your main agent to focus on product logic, while the specialized subagent applies its built-in design doctrine to ensure consistent visual quality and structured design outcomes.

Does delegating frontend design work for fullstack projects?

Yes, delegating frontend design works for fullstack projects by offloading visual tasks to a DESIGN subagent, ensuring high-quality visuals and fast creative iteration across the project without distracting the main agent.