amanmaqsood

Design With AI — AI skill for Claude Code

AI community

A systems-oriented product design skill for Codex and Claude Code.

How to install Design With AI

This entry records only its repository, not the path inside it, so there is no exact command to give. Open amanmaqsood/design-with-ai and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Design With AI does

A systems-oriented product design skill for Codex and Claude Code.

Alternatives in AI

Cl4r1t4s — LEAKED SYSTEM PROMPTS FOR CHATGPT, CLAUDE, GEMINI, GROK, PERPLEXITY, CURSOR, LOVABLE, REPLIT, AND MORE 47.2k ★
Dive Into Claude Code — A Systematic Analysis and Discussion of Claude Code for Designing Today's and Future AI Agent Systems 2.1k ★
Qiaomu Design — 偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill Opinionated design advisor for Claude Code: anti-gener 513 ★

README

Design with AI

![Design with AI: a systems-oriented agent skill](assets/design-with-ai-cover.png)

Design with AI is an agent skill for product interface work. Use it to design a new flow, review an existing one, or clean up AI-generated UI that has become cluttered or generic.

[Aman Maqsood](https://github.com/amanmaqsood) built it for Codex and Claude Code.

Install

Codex

codex plugin marketplace add amanmaqsood/design-with-ai && codex plugin add design-with-ai@amanmaqsood-design

After installing, invoke it with `$design-with-ai`:

$design-with-ai critique this checkout flow and recommend a coherent redesign

Claude Code

claude plugin marketplace add amanmaqsood/design-with-ai && claude plugin install design-with-ai@amanmaqsood-design

After installing, invoke the plugin skill with:

/design-with-ai:design-with-ai refine this dashboard without adding more UI

Run `/reload-plugins` if installing inside an active Claude Code session.

What it does

Give the skill a product brief, screenshot, prototype, or existing implementation. It works in three modes:

Design a new interface from product constraints.
Critique an existing screen, flow, prototype, or implementation.
Refine a direction without piling up local patches and unnecessary UI.

During a design pass, the skill maps product constraints, compares different directions, removes UI that does not earn its place, and checks realistic states in a working preview. It also looks for useful patterns in existing products and favors shared components over one-off elements.

The skill does not add runtime dependencies, MCP servers, telemetry, or network calls. It can only use the permissions and tools provided by Codex or Claude Code.

Repository structure

.agents/plugins/marketplace.json             Codex marketplace
.claude-plugin/marketplace.json              Claude Code marketplace
plugins/design-with-ai/.codex-plugin/        Code