gateway-frontend

SkillWeb & browsing

Route frontend tasks to the right library skill. Detects React/Vue/CSS intent and returns specific skill file paths.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the gateway-frontend skill

What this skill tells your AI

The instructions your AI receives, as published by porcupine-md/anoa-browser in .claude/skills/core/gateway-frontend/SKILL.md and read by ahel’s review.

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 KeywordsLoad Skill
infinite loop, useEffect, hook loop, re-render loopskills/library/frontend/debugging-react-hooks/SKILL.md
performance, render, memo, useMemo, useCallback, slowskills/library/frontend/optimizing-react-performance/SKILL.md
state, zustand, redux, context api, global stateskills/library/frontend/state-management/SKILL.md
form, validation, zod, react-hook-form, yupskills/library/frontend/form-handling/SKILL.md
routing, navigation, react-router, next/navigationskills/library/frontend/client-side-routing/SKILL.md
animation, framer, transition, motionskills/library/frontend/animations/SKILL.md
accessibility, a11y, aria, screen readerskills/library/frontend/accessibility/SKILL.md
css, tailwind, styled-components, emotionskills/library/frontend/styling-patterns/SKILL.md
ssr, ssg, next.js, hydration, server componentskills/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.

Signals

GitHub stars
23
Forks
2
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
gateway-frontend
Source
github.com/porcupine-md/anoa-browser