design

Delegate frontend design tasks to a DESIGN subagent with a formal design doctrine.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/offers-png/one-time-checkout --skill design-offers-png
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/offers-png/one-time-checkout/tree/main/.local/skills/design
Command: npx skills add https://github.com/offers-png/one-time-checkout --skill design-offers-png

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Delegates frontend design work to a specialized DESIGN subagent, enabling faster iteration, consistent design doctrine, and separation of concerns between product and UX visuals.

Core Features & Use Cases

  • Delegation of frontend design tasks to a DESIGN subagent with a built-in design doctrine.
  • Generates rich creative briefs describing WHAT to build, WHO it's for, and the intended vibe.
  • Supports async exploration and variant exploration via startAsyncSubagent or subagent.

Quick Start

Provide a detailed design brief to wake the DESIGN subagent, outlining WHAT to build, WHO it's for, and the desired vibe.

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 a subagent?

You can delegate frontend design by invoking a specialized DESIGN subagent using startAsyncSubagent or subagent. This preserves a formal design doctrine while separating product logic from UX visuals.

What is a design doctrine and how does it apply to frontend workflows?

A design doctrine is a formal set of visual and UX rules applied automatically when the DESIGN subagent processes frontend tasks. It ensures consistent styling and separation of concerns across fullstack apps and mockup sandboxes.

What do I need to include in a design brief for a frontend subagent?

A frontend design brief must describe WHAT to build, WHO it is for, and the intended vibe. You may also include relevantFiles and relevantSkills to wire real assets into the subagent's output.

Can I explore multiple design variants asynchronously for a fullstack app?

Yes, you can explore design variants asynchronously by using startAsyncSubagent. This allows the DESIGN subagent to generate and compare different frontend mockups concurrently.

Does delegating frontend design work without existing dependencies?

Yes, the frontend design delegation works without external dependencies. It relies solely on providing a rich creative brief to wake the DESIGN subagent and generate the requested UI.

When should I use a dedicated subagent instead of designing frontend directly?

Use a dedicated DESIGN subagent when you need faster iteration, consistent design doctrine, and clear separation of concerns between product logic and frontend UX visuals.