skills.rest
ma-wais
ma-waisCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design

Delegate frontend design tasks to a specialized design subagent.

Updated Mar 24, 2026
Search Tags:#design#collaboration#frontend#iteration#subagent#frontend-tooling
One-click install
npx skills add https://github.com/ma-wais/Quality-Management-System --skill design-ma-wais
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
CaptainCrouton89CaptainCrouton89
497

Subagents Guide

Delegate tasks to specialized subagents with separate contexts and restricted tool access.

Community
Basic
isiouisiou

frontend-design

Design distinctive frontend interfaces with cohesive typography, color, and motion.

Community
Advanced
lostitonce420-beeplostitonce420-beep

design

Delegate design tasks to a specialized subagent for frontend components.

Community
Intermediate
BasitShafiqBasitShafiq

design

Generate React-Vite frontends and delegate design iterations to a subagent.

Community
Advanced