How do I install the Gateway Frontend skill?

Run npx skillmds@latest add mayarid/gateway-frontend in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Gateway Frontend skill do?

Route frontend tasks to the right library skill. Detects React/Vue/CSS intent and returns specific skill file paths. It is listed under Web & Frontend on SkillMD.

Is Gateway Frontend safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Gateway Frontend?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Gateway Frontend free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Gateway Frontend?

mayarid (@mayarid) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Gateway Frontend by mayarid — Agent Skill

Name: Gateway Frontend
Author: mayarid

File contents

Purpose

You are the Frontend Gateway. Detect intent from the current task and return the exact library skill paths to load. Do NOT execute — only route.

Intent Detection → Skill Routing

Intent Keywords	Load Skill
`infinite loop`, `useEffect`, `hook loop`, `re-render loop`	`skills/library/frontend/debugging-react-hooks/SKILL.md`
`performance`, `render`, `memo`, `useMemo`, `useCallback`, `slow`	`skills/library/frontend/optimizing-react-performance/SKILL.md`
`state`, `zustand`, `redux`, `context api`, `global state`	`skills/library/frontend/state-management/SKILL.md`
`form`, `validation`, `zod`, `react-hook-form`, `yup`	`skills/library/frontend/form-handling/SKILL.md`
`routing`, `navigation`, `react-router`, `next/navigation`	`skills/library/frontend/client-side-routing/SKILL.md`
`animation`, `framer`, `transition`, `motion`	`skills/library/frontend/animations/SKILL.md`
`accessibility`, `a11y`, `aria`, `screen reader`	`skills/library/frontend/accessibility/SKILL.md`
`css`, `tailwind`, `styled-components`, `emotion`	`skills/library/frontend/styling-patterns/SKILL.md`
`ssr`, `ssg`, `next.js`, `hydration`, `server component`	`skills/library/frontend/ssr-patterns/SKILL.md`
`component`, `jsx`, `tsx`, `react` (general)	`skills/library/frontend/react-component-patterns/SKILL.md`

Output Format

GATEWAY_FRONTEND:
Domain: frontend
Skills to load:
  - [absolute/path/to/SKILL.md]

Instructions: Read the above skill files before proceeding with your task.

Frequently asked questions

Gateway Frontend