# Frontend Design Router

> Route frontend design and UI implementation prompts to the right design skills. Use for accessibility, frontend visual taste, redesigns, design systems, dashboards, motion, image-to-code, web/mobile image generation, Stitch, Vue conversion, UI demos, or CE frontend design.

- Skill: `rajanthar/frontend-design-router` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add rajanthar/frontend-design-router`
- Raw SKILL.md: https://api.skillmd.com/api/skills/rajanthar/frontend-design-router/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: RajanthaR (https://skillmd.com/u/rajanthar)
- Updated: 2026-08-19
- Page: https://skillmd.com/skills/rajanthar/frontend-design-router

---


# Frontend Design Router

Choose the smallest relevant skill set:

- `visual-design-taste`: design direction, anti-slop UI, redesigns, premium visual polish.
- `frontend-accessibility`: WCAG, ARIA, keyboard, focus, semantics, inclusive UI.
- `motion-design`: transitions, gestures, page motion, reduced-motion-safe animation.
- `frontend-image-to-code`: screenshots/images to frontend, image generation direction, Stitch, UI-to-Vue.
- `design-system`: reusable tokens/components and consistency audits.
- `dashboard-builder`: operational dashboards and data display.
- `ios-icon-gen`: iOS icon asset generation.
- `ui-demo`: Playwright UI demo recording.
- `ce-frontend-design`: Compound Engineering frontend design workflow.

Read only the selected child skill(s), then execute the user request.