design

Delegate frontend design tasks to a specialized subagent using a creative brief.

Updated Apr 8, 2026
One-click install
npx skills add https://github.com/Buntyarora97/bcshdbchjdb --skill design-buntyarora97
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/Buntyarora97/bcshdbchjdb/tree/main/.local/skills/design
Command: npx skills add https://github.com/Buntyarora97/bcshdbchjdb --skill design-buntyarora97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of frontend design by delegating it to a specialized subagent, allowing you to focus on other aspects of your project.

Core Features & Use Cases

  • Design Delegation: Delegate frontend design tasks to a subagent with its own design doctrine.
  • Custom Briefs: Provide a creative brief to guide the subagent's design decisions.
  • Fullstack Support: Suitable for fullstack apps, mockup sandboxes, and variant exploration.

Quick Start

Delegate frontend design work for a fullstack app by running the following command:

await startAsyncSubagent({
    task: "Design the frontend of the app with a focus on user experience and brand identity.",
    specialization: "DESIGN",
    relevantFiles: [...],
    relevantSkills: [".local/skills/clerk-auth/SKILL.md", ".local/skills/object-storage/SKILL.md"]
});

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?

Delegate frontend design by invoking a specialized async subagent and passing a creative brief detailing the project purpose, target audience, and desired visual feel. The subagent applies its own design doctrine to generate frontend layouts for fullstack applications and mockup sandboxes.

What is a creative brief for frontend design delegation?

A creative brief for frontend design delegation is a structured input defining the project's purpose, target audience, and visual feel. Providing this brief ensures the specialized subagent makes design decisions aligned with your brand identity and user experience goals.

Can I use this subagent to explore design variants for a fullstack app?

Yes, you can use the design subagent to explore design variants for fullstack apps. By passing relevant files and skills during subagent invocation, the specialized agent processes your design doctrine to generate varied frontend mockups and layouts.

Does the frontend design subagent work with existing project files?

The frontend design subagent works with existing project files by accepting a relevantFiles array during task delegation. Integrating existing files provides the subagent with necessary context to produce frontend designs that fit your current fullstack application architecture.

What is the best way to automate frontend mockup generation in a fullstack app?

Automate frontend mockup generation by running an async subagent with a DESIGN specialization. Passing a detailed creative brief and relevant skill references allows the subagent to autonomously generate mockups based on your project's brand identity and visual feel.

Do I need to provide a creative brief for every frontend design task?

Yes, providing a creative brief for every frontend design task is required. The brief acts as the primary input guiding the subagent's design decisions, ensuring the generated frontend layouts match the specified visual feel, target audience, and project purpose.