Frontend

steve228uk/reactotron-mcp

Plugin Claude Code

Bundles 1 MCP server

Read logs, inspect state, monitor network requests, and run custom commands in your React or React Native app via Reactotron.

Chorozion/Sophia-Stack

Skill Claude CodeCodex

Build, edit, connect, and deploy premium websites with the Sophia Stack — an AI-native full-stack framework. Use when creating or editing a site as a compact Site Model (blocks + style preset + effects + backend connections) instead of hand-writing JSX/CSS. Optimized for minimal token cost, real-time edits, and safe…

alfianyusufabdullah/figma-proxy-mcp

Skill Claude CodeCodex

Slice a Figma frame into production-ready HTML/CSS with ≥90% visual fidelity via the figma-proxy-mcp tools.

drumst0ck/uploadkit

MCP server Claude CodeCodexCursor +2

UploadKit MCP — 40+ upload components, route scaffolds, BYOS setup, full docs search. Runs locally from the @uploadkitdev/mcp npm package.

dreyfus92/astro-docs-mcp

MCP server Claude CodeCodexCursor +2

MCP server "astro-docs-mcp" as configured in dreyfus92/astro-docs-mcp. Runs locally from the astro-docs-mcp npm package.

transloadit/skills

Skill Claude CodeCodex

Add Uppy Dashboard + Transloadit uploads to a Next.js (App Router) app, with server-side signature generation and optional /s3/store export.

michaelneale/goose-app-maker-mcp

MCP server Claude CodeCodexCursor +2

Create and serve web applications that can use goose, quickly. Runs locally from the app-maker-mcp Python package.

Amirmahdi-Kaheh/caniuse-mcp

MCP server Claude CodeCodexCursor +2

Advanced MCP server for CSS/JS feature compatibility checking with configurable browser targets, polyfill support, and smart project scanning. Runs locally from the caniuse-mcp-server npm package.

nifrajs/nifra

Plugin Claude Code

Bundles 4 skills · 335 tokens together

Skills for building and verifying Nifra apps: contract-first APIs, full-stack SSR on five UI libraries, and the check/assure/capabilities gates. Prefers Nifra's live MCP server over model recall.

EnchStyle/ui-ux-audit-skill

Skill Claude CodeCodex

Comprehensive UI/UX quality audit and prevention system that catches the failures AI consistently ships, including broken or shifting layouts, text overflow, inconsistent components, missing states, poor contrast, undersized touch targets, accessibility violations, performance jank, and generic "AI slop" aesthetics.…

lexs32/ultimate-design-engineer

Skill Claude CodeCodex

The master design engineering skill encoding Emil Kowalski's polish philosophy, Apple's fluid interface principles, Anime.js 3D/timeline motion, Motion spring physics, Kokonut UI component aesthetics, and Backlit UI dark-mode charts. Use when designing, animating, or reviewing web UIs to achieve high-precision craft…

samuelpatro/.claude

Skill Claude Code

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…

imamirezaei/Product-Team-Claude-Skills

Skill Claude CodeCodex

Use this skill to generate interactive HTML wireframes showing a feature in multiple states AND multiple interaction pattern variants. Triggers: 'show me what this looks like', 'generate a wireframe', 'I want to see all the states', 'show me different ways to implement this', 'make a visual prototype of the flow'…

YannCarbo/App-Autonome

Skill Claude CodeCodex

Turns an idea, a need, or a prototype into a self-contained web tool.

OneWave-AI/open-agent-stack

Plugin Claude Code

Bundles 14 skills, 1 command, 1 agent · 863 tokens together

The full vibe-coding loop: scaffold an app or marketing site with a real design system, animate it with GSAP and a real motion system, replace the fake data with a real backend, unstick it when it breaks, strip the AI look, ship it, and demo it.

0tomi/skills

Skill Claude CodeCodex needs its repo

SvelteKit frontend patterns for Tauri desktop apps. Use when writing Svelte components, pages, layouts, load functions, or routing in a Tauri project. Triggers on .svelte files, +page, +layout, +server, load function, SvelteKit, adapter, SSR, prerender. Complements the tauri-v2 skill (Rust backend); this skill owns…

shipengqi/skills

Plugin Claude Code

Bundles 47 skills · 3,659 tokens together

Engineering best-practice skills for Go, TypeScript, Python, React, Angular, Next.js, and NestJS — covering architecture, error handling, logging, testing, HTTP frameworks, async patterns, forms, and state management.

yuexueyu/anna-agent-skills

Skill Claude CodeCodex

A user-interface design guide for reviewing and improving screens, styles, layouts, colours, animations, icons, and design-system rules.

guyulong/cn-agent-skills

Skill Claude CodeCodex

A guide to improving the drawing performance of HTML5 Canvas, the browser technology used to render 2D graphics and games.

TidyFactor/Cinematic

Skill Claude CodeCodex

TidyFactor Cinematic track — builds single-file, scroll-driven luxury landing pages (Apple x Cartier aesthetic) as one index.html with CDN-only libraries (GSAP, Lenis, Tailwind), no build step, no framework. The product "film" is a JPG frame-sequence drawn on canvas and scrubbed by scroll, not a scrubbed video…

vodoon-cell/ai-website-cloner-template-all

Command Claude Code

Reverse-engineer and clone any website as a pixel-perfect replica.

AbdulmalekAlshugaa/claude-agents-fullstack

Skill Claude CodeCodex needs its repo

The data layer for every app - TanStack Query v5 for all client-side reads and writes. queryOptions/mutationOptions factories, query key design, Next.js App Router prefetch + hydration, mutations, invalidation, and optimistic updates. Use whenever a component reads data, writes data, or a cache goes stale.

aliafsahnoudeh/figma-to-code-claude-pipeline

Plugin Claude Code

Bundles 5 skills, 6 agents, 1 hook, 2 MCP servers · 416 tokens together

The TaskFlow Figma-to-code pipeline as a plugin: figma-impl and design-system agents, code-review/test/commit/PR skills, an .env read-guard, prettier + tsc edit hooks, and the Figma + Playwright MCP servers.

sajeetharan/angular-agent-kit

Skill Claude CodeCodex

Angular performance optimization and best practices guidelines for signals/reactivity, change detection, bundle optimization, templates, RxJS, component architecture, dependency injection, routing, forms, accessibility, testing, and tooling. Use when writing, reviewing, or refactoring Angular code, designing component…