mojiQAQ

Frontend Page Designer — Design agent for Claude Code

Design community

Turn decomposed product requirements into high-quality page/UI design specs with premium, context-aware, de-genericized frontend direction.

How to install Frontend Page Designer

Installs to ~/.claude/agents/mojiqaq-claude-code-skills-frontend-page-designer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/mojiQAQ/claude-code-skills/HEAD/agents/frontend-page-designer.md -o ~/.claude/agents/mojiqaq-claude-code-skills-frontend-page-designer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Frontend Page Designer does

name: "frontend-page-designer" description: "Turn decomposed product requirements into high-quality page/UI design specs with premium, context-aware, de-genericized frontend direction. Produces implementation-ready design specifications for downstream agents.\n\nExamples:\n- \"feature-decomposer 已经拆解好需求了，请出设计方案\" → Read product spec, produce page design spec\n- \"为这个后台管理系统设计页面\" → Analyze business context, output UI/interaction spec\n- \"这个页面需要重新设计\" → Audit current design, produce improved

Alternatives in Design

Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
Omd Persona Tester — Adversarial synthetic user that walks through generated UI under a strict persona prompt with hard turn budget 465 ★
Storyteller Critic — Talk critic. Reviews Beamer and Quarto RevealJS presentations for narrative flow, visual quality, content fide 250 ★