design

Delegate frontend design tasks to a specialized subagent for iterative refinements.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/CatRabbit499/Digital_Portfolio --skill design-catrabbit499
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/CatRabbit499/Digital_Portfolio/tree/main/templatemo_600_prism_flux/projects/CS-240/Lab-Portfolio/Lab-Portfolio-Dec_8_2025/.local/skills/design
Command: npx skills add https://github.com/CatRabbit499/Digital_Portfolio --skill design-catrabbit499

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegates design tasks to a specialized design subagent to accelerate frontend design iterations and ensure consistent quality.

Core Features & Use Cases

  • Iterative design refinements: run quick design explorations via the subagent and apply feedback to components and styles.
  • Asset generation and sourcing: create or locate mockups, icons, and visuals using the design tooling integrated with the subagent.
  • Workflow automation: manage design tasks within frontend projects, coordinate with file operations and web search for rapid results.

Quick Start

Describe a design task to the design subagent and start an iterative refinement session.

Frequently Asked Questions about design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I accelerate frontend design iterations using a subagent?

To accelerate frontend design iterations, delegate design tasks to a specialized subagent via specialization="DESIGN". This subagent handles iterative refinements and asset generation, allowing rapid explorations and feedback application to components and styles.

What is a design subagent and how does it work for frontend workflows?

A design subagent is a specialized agent that manages frontend design workflows including iterations, refinements, and asset generation. It operates synchronously via specialization="DESIGN" or runs background tasks using startAsyncSubagent.

Can I use a design subagent to source mockups and icons for frontend projects?

Yes, the design subagent can create or locate mockups, icons, and visuals. It leverages integrated design tooling, web search, and media generation capabilities to source and generate required assets for frontend projects.

Do I need specific file operation permissions to automate frontend design tasks?

Yes, the design subagent requires access to file operations, media generation, web search, and frontend tooling to automate design tasks. These permissions enable the subagent to manage assets and apply refinements within your project.

What is the best way to run background design tasks without blocking frontend development?

To run background design tasks without blocking development, invoke the subagent using startAsyncSubagent. This allows the specialized design agent to process iterations and asset generation independently while you continue frontend work.

Are there limitations when using a design subagent for iterative refinements?

The main limitation is that the design subagent must be explicitly invoked via specialization="DESIGN" for synchronous execution or startAsyncSubagent for background tasks. It cannot operate without this specific invocation method and required tool accesses.