design

Name: design
Availability: InStock
Author: El3tar-cmd

Delegate frontend design work to a specialized DESIGN subagent.

18|4|Updated Apr 3, 2026

Search Tags:#automation #workflow #design #frontend #subagent #mockups #briefing

Ready to run

npx skills add https://github.com/El3tar-cmd/DevHive-Cli --skill design-el3tar-cmd

💬 Prompt for ChatGPT / Claude Chat▼

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.