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.