Communitygithub.com

adaptive-machines/ai-design-workflow

A three-stage Discover, Define, Deliver workflow for getting distinctive, studio-grade UI design out of an AI coding agent instead of the default "AI template" look.

What is ai-design-workflow?

This skill implements a structured three-phase design workflow—Discover, Define, Deliver—to help AI coding agents (like Claude Code, Cursor, or Codex) produce unique, bold, and premium UI designs rather than generic "AI template" outputs. It is triggered when users request original-looking landing pages, marketing pages, app screens, dashboards, or game UIs, especially when they complain about designs looking generic, "too AI," or want something distinctive. The workflow covers key techniques: seed-string randomness for design variation, ambitious creative briefs, a screenshot-only design-critic subagent loop for iterative critique, image and video-driven motion integration, and a final subtraction pass to refine and polish. It supports platforms like Claude Code, Cursor, and Codex, and is useful for any developer or designer seeking studio-quality results from their AI coding agent.

Works with~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/adaptive-machines/skills/tree/main/ai-design-workflow

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

What does ai-design-workflow do?

Three-stage Discover, Define, Deliver workflow for getting distinctive, studio-grade UI design out of an AI coding agent instead of the default "AI template" look. Use whenever the user asks to design or redesign a landing page, marketing page, app screen, onboarding flow, dashboard, poster-like web page, or game UI and wants it to look original, bold, premium, or "not like AI made it", including phrases like "make it unique", "it looks generic", "too much AI vibe", "AI 味太重", "千篇一律", "设计得独特一点", "榨出创造力", "design critic", "critique loop", "seed string", "double diamond", or "why does my AI design always look the same". Also use when iterating on an existing page whose layout is the stock hero-left/illustration-right template, or when the user wants image or video generation woven into a UI. Covers seed-string randomness, ambitious briefs, a screenshot-only design-critic subagent loop, image/video-driven motion, and the final subtraction pass.

Related Skills