Frontend

outscal/video-generator

Agent Claude Code

Expert Remotion scene component creator that generates all scene TSX components together using frame-based animations.

s0vers/next-app-i18n-starter

Cursor rule Cursor

React components — shadcn/ui, RTL, theme, and client/server boundaries.

akseolabs-seo/cinematic-ui

Cursor rule Cursor

Apply when the user asks for a cinematic website, film-style landing page, director-inspired UI, or any design framed around a movie aesthetic. Do not apply for generic web design unless the user explicitly references a film, director, or cinematic style.

funboy322/avoid-ai-design

Skill Claude CodeCodex

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"). Use this skill when asked to "de-slop a UI", "make a design look less AI-generated", "audit a component or page for AI design tells", or "fix Claude/Codex-generated frontend that looks generic". Covers HTML/CSS and React/Tailwind/shadcn.…

ComeOnOliver/skillshub

Skill Claude CodeCodex

Use when integrating App Intents for Siri, Apple Intelligence, Shortcuts, Spotlight, or system experiences - covers AppIntent, AppEntity, parameter handling, entity queries, background execution, authentication, and debugging common integration issues for iOS 16+.

laguagu/claude-code-nextjs-skills

Plugin Claude Code

Bundles 24 skills, 2 agents, 2 MCP servers · 2,670 tokens together

Agent skills for building Next.js + AI SDK applications: app scaffolding, shadcn/ui, RSC and caching, pgvector search, SEO, and browser verification.

cesswhite/landinuxt

Cursor rule Cursor

Add LandiNuxt landing page sections to this Nuxt project via agent-ready exports.

morinokami/astro-mcp

MCP server Claude CodeCodexCursor +2

MCP server to support Astro project development. Runs locally from the astro-mcp npm package.

jshmllr/tokyn

Cursor rule Cursor

Concise rules for building accessible, fast, delightful UIs.

Kris77z/web-experience-cloner

Skill Codex

A workflow for examining, copying, and making complex websites work offline, including animated sites, exported site builders, and server-rendered or single-page applications. It uses evidence from the running site to understand its code, assets, requests, and effects.

yuvrajangadsingh/brandmd

Skill Claude Code

Extract a website's design system into a DESIGN.md file. Use when starting a new frontend project, rebuilding a site, or when the user wants AI-generated UI to match an existing brand.

Thurbeen/thurbox

Skill Claude CodeCodex

Edit the thurbox TUI — add, change or remove a pane of the running interface, which is Lua files in the thurbox interface directory (not this repository). Use whenever the user asks to change how thurbox itself looks or behaves on screen — a new pane or panel, a different layout or arrangement, a keybinding, a status…

maryamtb/rook

Skill Claude Code

PostHog integration for Next.js App Router applications.

pierreaubert/gpui-toolkit

Skill Claude CodeCodex

Use when building or modifying GPUI applications in the gpui-toolkit workspace, especially when choosing reusable toolkit crates, composing UI, adding components, charts, themes, layouts, audio controls, mobile surfaces, or validation coverage. Prefer existing toolkit APIs over custom one-off implementations.

bnomei/kirby-mcp

Skill Claude CodeCodex

Builds Kirby listings, pagination, search, filtering/sorting/grouping, and navigation menus. Use when implementing collection logic in templates/controllers/snippets.

udecode/plate-template

Skill Claude CodeCodex

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json…

microsoft/a11y-llm-eval

Skill Claude CodeCodex ✓ vendor

MUST BE USED for any UI work. Invoke this skill before generating, modifying, or reviewing any code that renders, styles, or wires up a user-facing interface — including markup, components, templates, styles, and the JavaScript/TypeScript that drives them. This skill encodes the accessibility (WCAG 2.2 AA)…

Mekko-Digital/bricks-builder-skills

Plugin Claude Code

Bundles 1 skill · 0 tokens together

Build, edit, and audit pages, templates, popups, and custom elements for the Bricks Builder WordPress theme, grounded in verified control keys and JSON shapes (no hallucinated settings).

mantinedev/skills

Skill Claude CodeCodex

Build custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(), polymorphicFactory(), or genericFactory(), (2) adding Styles API support (classNames, styles, vars, unstyled), (3) implementing CSS variables via…

Michael-Obele/shadcn-svelte-mcp

Skill Claude CodeCodex

Use when building, redesigning, beautifying, or refactoring SvelteKit pages and reusable components with shadcn-svelte, Bits UI, or the shadcn-svelte MCP. Trigger on landing pages, dashboards, marketing sites, app shells, forms, navbars, tables, dialogs, responsive layouts, theming, icon selection, and requests to…

MacPaw/ai-sdk-typescript

Skill Claude CodeCodex

Integrate applications with AI Gateway using @macpaw/ai-sdk. Use for NestJS, Next.js, Vercel AI SDK, raw fetch migrations, video generation, MacPaw AI, Setapp AI, createAIGatewayProvider, createGatewayFetch, createVideoClient, and AI Gateway auth/error wiring.

max/temu-v0

Cursor rule Cursor

This is a project using Vite, TypeScript, Tailwind CSS, shadcn/ui, and React. It is used as a prototyping environment for front-end experiences.

patrick-fu/awesome-skills

Skill Codex

Build and revise iteration-safe HTML slide decks with polished visuals, motion, testing, and web/PDF/static delivery. Use only for HTML slide projects.

ruslanlap/pagespeed-insights-mcp

MCP server Claude CodeCodexCursor +2

Google PageSpeed Insights and CrUX: six workflow tools for web performance. Runs locally from the pagespeed-insights-mcp npm package. Needs 1 environment variable to run.