design

Delegate frontend design tasks to a specialized subagent for iteration and polish.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill design-shahmirerror
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/shahmirerror/gsdcp-mobile/tree/main/.local/skills/design
Command: npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill design-shahmirerror

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegate design work to a specialist subagent to iterate on visuals, wireframes, and media without blocking backend progress.

Core Features & Use Cases

  • Orchestrate frontend design via a fast initial build using generateFrontend() for react-vite artifacts in background
  • Use a dedicated design subagent with access to file operations, media generation, web search, and frontend tooling for design iterations, refinements, and polish.

Quick Start

Instruct the design subagent with the target folder/files and the desired design outcome, then let it iterate.

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 background subagent?

You can delegate frontend design tasks to a specialized subagent using synchronous execution via DESIGN or background execution via startAsyncSubagent to iterate on visuals without blocking backend development.

Can I use a design subagent for react-vite frontend artifacts?

Yes, the design subagent orchestrates frontend design by using generateFrontend() to produce react-vite artifacts in the background for fast initial builds and subsequent visual refinements.

What tools does a design subagent need access to for frontend polish?

The design subagent requires access to file operations, media generation, web search, and frontend tooling to perform design iterations, refinements, and visual polish across components and layouts.

How do I iterate on wireframes and media without blocking backend progress?

Delegate design work to a specialist subagent to iterate on wireframes and media independently, allowing backend development to proceed without interruption during both initial builds and improvements.

Does frontend design iteration support both synchronous and background execution?

Yes, frontend design iteration supports synchronous execution via DESIGN for immediate processing and background execution via startAsyncSubagent for non-blocking task delegation.

How do I instruct a design subagent to refine frontend components?

Instruct the design subagent with the target folder or files and the desired design outcome, then let it iterate autonomously to apply visual refinements and polish.