skills.rest
El3tar-cmd
El3tar-cmdCOMMUNITY
Explore all skills by this author →
GitHub

design

Delegate frontend design work to a specialized DESIGN subagent.

18|4|Updated Apr 3, 2026
Search Tags:#automation#workflow#design#frontend#subagent#mockups#briefing
One-click install
npx skills add https://github.com/El3tar-cmd/DevHive-Cli --skill design-el3tar-cmd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/El3tar-cmd/DevHive-Cli/tree/main/skills/design
Command: npx skills add https://github.com/El3tar-cmd/DevHive-Cli --skill design-el3tar-cmd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegates frontend design work to a specialized DESIGN subagent to ensure consistent visuals and faster iteration.

Core Features & Use Cases

  • Delegated design authority via specialization to DESIGN, enabling consistent brand decisions across projects.
  • Supports fullstack apps (e.g., React/Vite) with a dedicated design workflow separate from functional code.
  • Handles mockups and variant exploration through startAsyncSubagent or subagent workflows.
  • Built-in design doctrine helps the subagent make informed visual decisions without extensive upfront teaching.
  • The main agent provides rich briefs describing goals, audience, and constraints; the subagent handles the visual craft.
  • Use cases include rapid UI exploration, design-system alignment, and iterative polish across multiple implementations.

Quick Start

Provide a rich brief describing WHAT to build and WHO it's for, then launch the DESIGN subagent with specialization set to DESIGN.

Frequently Asked Questions about design

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

FAQPage Schema
How do I automate frontend design workflows without micromanaging the UI details?▼

You can delegate frontend design to a specialized subagent by providing a rich brief with goals and audience, letting the built-in design doctrine handle visual decisions without micromanagement. This ensures consistent brand decisions across projects.

Can I use a subagent workflow for iterative mockup exploration in React or Vite apps?▼

Yes, the subagent workflow supports fullstack applications like React or Vite, handling mockups and iterative variant exploration through startAsyncSubagent, keeping the design process separate from functional code.

What is a design subagent and how does it maintain visual consistency across projects?▼

A design subagent is a specialized automation worker that adheres to a built-in design doctrine to implement visual decisions. It maintains consistency by reading rich briefs and applying standardized design rules across multiple implementations.

Do I need to write detailed design specifications before launching an automated UI subagent?▼

You need to provide a rich brief describing what to build and who it is for, but you do not need detailed visual specifications. The subagent uses its built-in design doctrine to make informed visual decisions autonomously.

What's the best way to separate frontend design tasks from functional code in an automated workflow?▼

The best way is to delegate design authority to a specialized subagent. By setting the subagent specialization to design, the main agent handles functional code while the subagent manages the visual craft and UI exploration.

Why does my frontend design subagent require a rich brief before starting UI iteration?▼

The subagent requires a rich brief because it uses the provided goals, audience, and constraints to guide its visual decisions. Without this context, the built-in design doctrine cannot effectively align the mockups with project expectations.

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
ckrono-progckrono-prog

design

Create visual interfaces for fullstack applications using a DESIGN subagent.

Community
Advanced
MaplumeXMaplumeX

check

Run lint and typecheck on git-changed files using local project guidelines.

Community
Intermediate
gopforevergopforever

design

Delegate frontend design tasks to a specialized DESIGN subagent.

Community
Advanced