design

Delegate frontend design tasks to a specialized design subagent.

Updated Mar 24, 2026

Search Tags:#design #collaboration #frontend #iteration #subagent #frontend-tooling

Ready to run

npx skills add https://github.com/ma-wais/Quality-Management-System --skill design-ma-wais

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design
Source: https://github.com/ma-wais/Quality-Management-System/tree/main/.local/skills/design
Command: npx skills add https://github.com/ma-wais/Quality-Management-System --skill design-ma-wais

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegates frontend design tasks to a specialized design subagent to accelerate iterative design workflows.

Core Features & Use Cases

A dedicated design subagent with access to file operations, media generation, web search, and frontend tooling for design iterations, fixes, and refinements.
Two execution modes: a fast background frontend generation for initial builds and ongoing design iterations to polish visuals after the initial build.
Clear task delegation and context sharing guidelines to ensure design tasks stay aligned with backend context and project goals.

Quick Start

Provide a design brief and iterations for the frontend by delegating tasks to the design subagent within the project folder, using relevantFiles to share 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 for iterative workflows?▼

Delegate frontend design tasks by providing a design brief to a specialized subagent, using relevantFiles to share backend context and project goals for iterative refinements and asset updates.

Can I generate initial React Vite frontend artifacts using a fast background process?▼

Yes, initial frontend generation runs as a fast background process to build React Vite artifacts quickly, followed by a dedicated design subagent for ongoing visual polish and iterations.

What frontend tooling capabilities does the design subagent have access to?▼

The design subagent has access to file operations, media generation, web search, and frontend tooling to handle design iterations, fixes, and refinements within the project folder.

How do I share backend context with the design subagent during task delegation?▼

Share backend context with the design subagent by using relevantFiles within the project folder, ensuring design tasks stay aligned with backend context and overall project goals.

What's the best way to manage design iterations and refinements after the initial frontend build?▼

Use the ongoing design iteration mode, where a dedicated design subagent handles visual refinements, fixes, and asset updates through clear conversation prompts and context sharing.