design

Delegate design tasks to a subagent for frontend visual refinement and asset generation.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegating design tasks to a specialized design subagent eliminates bottlenecks in frontend polishing, iteration cycles, and asset generation, letting backend work proceed without pause.

Core Features & Use Cases

  • Delegated design iterations: refine visuals, typography, and layout through the subagent.
  • Frontend polish and assets: generate or adjust visuals, icons, and media assets without touching core logic.
  • Collaborative workflow: choose synchronous execution for quick rounds or startAsyncSubagent for background refinements.

Quick Start

Invoke the design subagent to start an iterative refinement on the hero section and return updated visuals.

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 iterations to keep backend development moving?

You can delegate frontend design iterations to a specialized subagent to refine visuals and layout, allowing backend work to proceed without interruption. This eliminates polishing bottlenecks during product development.

What is the best way to automate visual asset generation for frontend components?

Automating visual asset generation is best handled by delegating the task to a design subagent, which adjusts icons and media assets without touching your core logic or requiring manual intervention.

Can I run design refinements in the background while continuing to code?

You can run design refinements in the background by starting an asynchronous subagent. This allows synchronous execution for quick rounds or background processing for longer visual refinements.

How do design subagents handle typography and layout adjustments during prototyping?

Design subagents handle typography and layout adjustments by executing iterative refinements specifically on visual elements, coordinating directly with file operations and frontend tooling to return updated assets.

Does delegating design tasks require modifying my existing frontend logic?

Delegating design tasks does not require modifying existing frontend logic. The subagent operates independently on visual refinements and asset generation, leaving your core code untouched.