# Subagents for Frontend and UI

Subagents for Frontend and UI: what each one does, an install command and example prompts.

43 cards · page 2 of 2

- HTML: https://affpapa.org/en/nevibecode/agents/topic/frontend?page=2
- Instructions for agents: https://affpapa.org/en/nevibecode/agents.md

- [performance-optimizer](https://affpapa.org/en/nevibecode/agents/performance-optimizer.md) — subagent (official OpenAI) · Vercel Labs · Codex, ChatGPT · ★ 7596 — A subagent that walks slow Vercel pages through diagnostic trees: LCP, INP, CLS, rendering strategy, bundle size.
- [design-system-rules-agent](https://affpapa.org/en/nevibecode/agents/design-system-rules-agent.md) — subagent (official OpenAI) · Figma · Codex, ChatGPT · ★ 7596 — A subagent that turns your codebase conventions into Figma-to-code rules and writes them into AGENTS.md, so later implementations stay consistent.
- [ascii-ui-mockup-generator](https://affpapa.org/en/nevibecode/agents/ascii-ui-mockup-generator.md) — subagent · davila7 · Claude Code · 207 installs — This subagent sketches UI concepts as ASCII mockups, giving you several layout, form and dashboard options before any code is written.

## Refine
[react](https://affpapa.org/en/nevibecode/tag/react.md) · [accessibility](https://affpapa.org/en/nevibecode/tag/accessibility.md) · [typescript](https://affpapa.org/en/nevibecode/tag/typescript.md) · [performance](https://affpapa.org/en/nevibecode/tag/performance.md) · [ui](https://affpapa.org/en/nevibecode/tag/ui.md) · [wcag](https://affpapa.org/en/nevibecode/tag/wcag.md) · [vue](https://affpapa.org/en/nevibecode/tag/vue.md) · [android](https://affpapa.org/en/nevibecode/tag/android.md) · [angular](https://affpapa.org/en/nevibecode/tag/angular.md) · [design-system](https://affpapa.org/en/nevibecode/tag/design-system.md) · [flutter](https://affpapa.org/en/nevibecode/tag/flutter.md) · [migration](https://affpapa.org/en/nevibecode/tag/migration.md)

## Narrow this list
Parameters: `?platform=<claude-code|codex|cursor|copilot|gemini-cli|windsurf|…>`, `&topic=<…>`, `&sort=installs|stars|new|updated` — values in https://affpapa.org/en/nevibecode/agents.md

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md
