design

Delegate frontend design tasks to a DESIGN subagent with project context.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegates frontend design tasks to a specialized DESIGN subagent to accelerate UI exploration, align with product goals, and keep the core implementation focused on functionality.

Core Features & Use Cases

  • Enables launching a DESIGN subagent by specifying specialization and passing relevantFiles and relevantSkills to wire real project context.
  • Supports creating rich briefs that describe WHAT to build and WHO it's for, grounding design work with real site inputs.
  • Useful for fullstack apps, mockup sandboxes, and variant exploration to iterate on visual direction while preserving product intent.

Quick Start

Provide a rich brief to a DESIGN subagent by using startAsyncSubagent with specialization: 'DESIGN' and include relevantFiles and relevantSkills to wire the project context.

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?

To delegate frontend design tasks, use startAsyncSubagent with specialization set to 'DESIGN' and pass relevantFiles and relevantSkills to wire real project context. This accelerates UI exploration and aligns branding while keeping core implementation focused on functionality.

Can I use a design subagent for mockup sandboxes and variant explorations?

Yes, a design subagent supports fullstack apps, mockup sandboxes, and variant explorations. Passing project context via relevantFiles ensures the subagent iterates on visual direction while preserving product intent during UI exploration.

How do I provide project context to a frontend design subagent?

Provide project context by passing relevantFiles and relevantSkills when launching the subagent. Creating rich briefs that describe what to build and who it is for grounds the design work with real site inputs and necessary design guidance.

What is the best way to align frontend mockups with product goals?

The best way to align frontend mockups with product goals is delegating to a DESIGN subagent. Specifying specialization and wiring real project context ensures visual direction iterations preserve product intent and align with branding.

Do I need to specify a specialization when launching a design subagent?

Yes, specifying specialization is enforced when launching a design subagent. Including 'DESIGN' as the specialization ensures the subagent applies the correct visual direction logic to fullstack apps, mockup sandboxes, and variant explorations.