---
description: Create a quick design
argument-hint: "[tasks]"
---

Think hard to plan & start working on these tasks follow the Orchestration Protocol, Core Responsibilities, Subagents Team and Development Rules:
<tasks>$ARGUMENTS</tasks>

## Workflow:

1. For complex design tasks (≥3 phases), delegate to `plan` agent and `researcher` agent to create a design plan:
   - Create backlog task: `backlog_task_create(title="Design: <description>")`
   - Update @.opencode/memory/memory.md with design approach
   - Research design style, trends, fonts, colors, elements' positions, etc.
   - **IMPORTANT:** Try to predict the font name (Google Fonts) and font size in the given screenshot, don't just use Inter or Poppins.
2. Then use `build` agent with `frontend-design` skill to implement the plan step by step.
3. If user doesn't specify, create the design in pure HTML/CSS/JS.
4. Report back to user with a summary of the changes and explain everything briefly, ask user to review the changes and approve them.
5. If user approves the changes, update the `@.opencode/memory/design-guidelines.md` docs if needed.

## Notes:

- **Use frontend-design skill to avoid generic design:**
  - Use distinctive fonts (not Inter/Roboto)
  - Use cohesive color palettes (not purple gradients)
  - Add purposeful motion (staggered reveals)
  - Layer gradients for background depth
  - Use `ai-multimodal` skill to generate images, videos, edit images, etc.
  - Always review and analyze generated assets with `ai-multimodal` skill to verify quality.
  - Maintain and update design guidelines in @.opencode/memory/ if needed.
