skills.rest
hajrasarwar11
hajrasarwar11COMMUNITY
Explore all skills by this author →
GitHub

design

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

Updated Mar 19, 2026
Search Tags:#design#collaboration#frontend#tooling#iteration#subagent
One-click install
npx skills add https://github.com/hajrasarwar11/DataBase-Engine-with-AI --skill design-hajrasarwar11
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/hajrasarwar11/DataBase-Engine-with-AI/tree/main/.local/skills/design
Command: npx skills add https://github.com/hajrasarwar11/DataBase-Engine-with-AI --skill design-hajrasarwar11

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegates frontend design tasks to a specialized subagent, enabling faster initial builds and streamlined refinements without distracting backend work.

Core Features & Use Cases

  • generateFrontend() — Fast, background frontend generation for initial React/Vite builds; runs alongside backend work.
  • Design Subagent — Iterations, tweaks, and polishing with access to file ops, media generation, web search, and frontend tooling.
  • When to use — Use generateFrontend for the initial build; switch to the design subagent for iterations and refinements after the initial frontend is in place.
  • When NOT to use — Avoid design iterations if a simple edit suffices; do not use for non-frontend artifacts like Expo, Slides, Animations, etc.

Quick Start

Call the design subagent with a clear task and the relevantFiles to begin iterative frontend design refinements.

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 speed up UI iterations?▼

You can delegate frontend design tasks to a specialized design subagent to accelerate UI iterations. This allows you to run background refinements without distracting from backend development.

When should I use a design subagent for component styling?▼

Use a design subagent for component styling after the initial frontend build is in place. It handles iterations, visual refinements, and asset generation, relying on file operations and web search.

How do I generate an initial React build before starting design iterations?▼

You generate an initial React build by calling generateFrontend for fast, background frontend generation. Once the initial build is complete, switch to the design subagent for visual refinements.

Can I use this design subagent for non-frontend artifacts like Expo or Slides?▼

No, you should not use the design subagent for non-frontend artifacts like Expo, Slides, or Animations. It is specifically built for frontend design iterations and component styling.

Do I need to provide relevant files when calling the design subagent?▼

Yes, you call the design subagent with a clear task and the relevantFiles to begin iterative frontend design refinements. This allows the subagent to access file operations and frontend tooling.

Related Skills

Explore More Design & Creative Skills→
naopensedoit2-designnaopensedoit2-design

design

Delegate frontend design and UI refinement to a specialized DESIGN subagent.

Community
Intermediate
brianoniealbrianonieal

testing

Design application test strategies for pytest, Vitest, React Testing Library, and Playwright.

Community
Advanced
shahmirerrorshahmirerror

design

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

Community
Intermediate
ItsJupiter000ItsJupiter000

design

Delegate design tasks to a specialized subagent for frontend assets and UI components.

Community
Intermediate