Claude resources tagged “frontend”
21 curated Claude Code resources tagged frontend in the HeyClaude directory — mostly mcp servers, rules, and agents. 2 of them sit in the trusted tier.
Highlights from this set
Standout entries tagged frontend, picked by their own metadata — trust tier, provenance, documentation, and recency.
All frontend resources
/frontend-visual-qa - Chrome Design Verification Runbook
Run the Chrome guide design verification and console debug workflows on a local page.
AI-Generated Frontend Accessibility Review Rules
Review AI-generated UI changes for semantic HTML, keyboard access, focus, labels, scan limits, manual checks, and privacy-safe evidence.
Angular Expert - CLAUDE.md Rules for Claude Code
Transform Claude into an Angular specialist covering standalone components, Signals, dependency injection, RxJS, and Angular Style Guide conventions.
Astro Repository Contributor Agent for Claude
Contribute to the Astro monorepo from its official AGENTS.md, docs, package layout, test commands, and contributor guardrails.
Better Icons MCP Server
Icon search and retrieval MCP for AI agents, with Iconify collections, SVG output, recommendations, batch fetches, project sync, and learned preferences.
designlang MCP Server
Let Claude inspect live website design systems through design tokens, regions, components, accessibility findings, Tailwind themes, Figma variables, and reports.
Figma Context MCP Server
Give Claude and other coding agents Figma file context through the `figma-developer-mcp` server.
Frontend QA Accessibility Workflow
Frontend QA bundle for accessibility, browser automation, component review, and cross-browser validation.
Frontend Specialist Agent - Agents
Expert frontend developer specializing in modern JavaScript frameworks, UI/UX implementation, and performance optimization
GSAP AI Skills
Official GSAP skill pack for JavaScript animation agents covering core GSAP, timelines, ScrollTrigger, React, plugins, utilities, frameworks, and performance.
Magic MCP Server for Claude
21st.dev Magic MCP server that generates production-ready React and Tailwind UI components for Claude from natural-language descriptions.
Magic UI MCP Server for Claude
Official Magic UI MCP: browse and install animated React components via the Magic UI registry from Claude.
Playwright Trace Viewer AI Debugging Guide
Use Playwright Trace Viewer evidence instead of guesswork when debugging UI failures with AI.
React Expert - CLAUDE.md Rules for Claude Code
Transform Claude into a framework-agnostic React core specialist focused on the built-in Hooks, the Rules of Hooks, and component fundamentals from the official React docs
Rendered Frontend Visual QA Agent
Review rendered UI changes with screenshots, viewport layout evidence, keyboard paths, accessibility scans, CLS risk, and merge recommendations.
shadcn/ui MCP Server
Let Claude inspect shadcn/ui components, demos, blocks, metadata, and framework variants for UI development.
Storybook MCP Server for Claude
Connect Claude to Storybook docs, stories, component previews, and interaction or accessibility tests.
Svelte Component Compiler - Hooks
Automatically compiles and validates Svelte components when they are modified.
Svelte SvelteKit Full-Stack Development Skill
Build full-stack web apps with Svelte and SvelteKit. Minimal runtime overhead, reactive components, and server-side rendering.
Signal coverage
How these 21 resources score on the trust and safety signals HeyClaude reviews — counted from this set, not the directory as a whole.
A short, calm digest of reviewed Claude resources. Unsubscribe any time.