skills.rest
adminsairolotech-bit
adminsairolotech-bitCOMMUNITY
Explore all skills by this author →
GitHub

design

Delegate frontend design tasks to a specialized DESIGN subagent.

Updated Mar 22, 2026
Search Tags:#workflow#design#subagent#mockups#frontend-design#brief
One-click install
npx skills add https://github.com/adminsairolotech-bit/sai-rolotech-smart-engines --skill design-adminsairolotech-bit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/adminsairolotech-bit/sai-rolotech-smart-engines/tree/main/.local/skills/design
Command: npx skills add https://github.com/adminsairolotech-bit/sai-rolotech-smart-engines --skill design-adminsairolotech-bit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend design work often becomes a bottleneck in product delivery; this Skill delegates that work to a specialized DESIGN subagent, allowing you to ship polished visuals faster by focusing on briefs and context rather than day-to-day design iterations.

Core Features & Use Cases

  • Delegates frontend design tasks to a DESIGN subagent that already operates with a built-in design doctrine, removing the need to teach design rules from scratch.
  • Supports both fullstack app design briefs (including scope, goals, and required outputs) and mockup sandbox explorations for rapid visual exploration via variant experiments.
  • Enables variant exploration using startAsyncSubagent or iterative subagent delegation to compare approaches and converge on a preferred direction.

Quick Start

This brief describes WHAT to build, WHO it's for, and the intended vibe; then the DESIGN subagent is launched to generate the visual direction.

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 mockups using a subagent?▼

You can delegate frontend design mockups to a specialized subagent that applies a built-in design doctrine to generate high-quality visual concepts from your structured brief, accelerating UI delivery.

What is the best way to structure a design brief for UI variant exploration?▼

To structure a design brief for UI variant exploration, define what to build, who it is for, and the intended vibe, enabling the subagent to compare approaches and converge on a preferred visual direction.

Does delegating frontend design to a subagent work with fullstack apps?▼

Yes, delegating frontend design to a subagent works with fullstack apps by processing briefs that specify scope, goals, and required outputs to generate the visual direction without bottlenecking product delivery.

Can I use startAsyncSubagent for iterative mockup sandbox experiments?▼

Yes, you can use startAsyncSubagent or iterative subagent delegation to run mockup sandbox experiments, enabling rapid visual exploration and comparison of different frontend design variants.

Do I need to teach design rules before offloading UI design to a subagent?▼

No, you do not need to teach design rules because the DESIGN subagent operates with a built-in design doctrine, allowing you to focus entirely on providing context and structured briefs.

Related Skills

Explore More Design & Creative Skills→
Owl-ListenerOwl-Listener
2.0k

design-brief

Define and document a design brief with problem space, audience, constraints, and success criteria.

Community
Intermediate
CaptainCrouton89CaptainCrouton89
497

Subagents Guide

Delegate tasks to specialized subagents with separate contexts and restricted tool access.

Community
Basic
VertaKhanVertaKhan

design-shotgun

Generates multiple AI design variants and collects feedback through a browser comparison board.

Community
Advanced
roanbrasilroanbrasil
5

uml-diagrams

Generate PlantUML and Mermaid UML diagrams with correct notation.

Community
Intermediate