design

Delegate frontend design tasks to a specialized DESIGN subagent.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows you to delegate frontend design work to a specialized DESIGN subagent, streamlining the process and enabling you to focus on other aspects of your project.

Core Features & Use Cases

  • Specialized Design Subagent: Delegate design tasks to a subagent with its own built-in design doctrine.
  • Customizable Briefs: Provide a rich creative brief to guide the subagent's design decisions.
  • Fullstack App Support: Use with fullstack applications, including React-Vite with backend.
  • Mockup Sandboxing: Create prototypes and design explorations without backend or API hooks.

Quick Start

Use the design skill to delegate frontend design work for a fullstack app by providing a detailed creative brief and relevant files.

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 work by providing a detailed creative brief and relevant project files to the design subagent, which then applies its own built-in design doctrine to generate the UI.

Can I use this for frontend prototyping in a mockup sandbox?

Yes, frontend prototyping in a mockup sandbox is fully supported, allowing you to create design explorations and prototypes without needing any backend or API hooks configured.

Does frontend design delegation work with fullstack applications?

Frontend design delegation works with fullstack applications, including React-Vite projects with an existing backend, by passing the necessary context files to the subagent.

What do I need to provide to generate a frontend mockup?

To generate a frontend mockup, you need to provide a rich creative brief detailing your design requirements and the relevant application files for the subagent to understand the context.

Are there limitations when using a design subagent for fullstack apps?

The main limitation is that while it supports fullstack apps, mockup sandboxing specifically operates without backend or API hooks, meaning interactive data flows must be simulated or hardcoded.