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.

RajanthaR Updated 0 repo stars

File contents

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.

RajanthaR/0-Rajantha-SKILLS/tree/master/skills/Design-and-UX/Frontend-Design-Router/frontend-design-router commit 05ba200e43

Frequently asked questions

npx skillmds@latest add rajanthar/frontend-design-router