Frontend

Shubhamsaboo/awesome-llm-apps

Settings file Claude Code

Agent settings configuring enabledPlugins.

Shubhamsaboo/awesome-llm-apps

MCP server Claude CodeCodexCursor +2

Add components to your apps. Runs locally from the shadcn npm package.

nextlevelbuilder/ui-ux-pro-max-skill

Plugin Claude Code

Bundles 7 skills, 2 commands, 1 agent, 3 MCP servers · 658 tokens together

UI/UX design intelligence. Searchable local database with 84 styles, 192 palettes, 74 font pairings, 25 charts, and 22 stacks (React, Next.js, Vue, Nuxt.js, Nuxt UI, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP…

nextlevelbuilder/ui-ux-pro-max-skill

Instructions file

Claude Code instructions for nextlevelbuilder/ui-ux-pro-max-skill, covering claude.md, project overview, search command, architecture and sync rules.

nextlevelbuilder/ui-ux-pro-max-skill

Settings file Claude Code

Agent settings declaring 7 allowed tools.

electron/electron

Skill Claude CodeCodex

Guide for performing Chromium version upgrades in the Electron project. Use when working on the roller/chromium/main branch to fix patch conflicts during e sync --3. Covers the patch application workflow, conflict resolution, analyzing upstream Chromium changes, and proper commit formatting for patch fixes.

shadcn-ui/ui

Cursor rule Cursor

Keep registry base and radix trees in sync when editing shared UI.

shadcn-ui/ui

Skill Claude CodeCodex

Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.

shadcn-ui/ui

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…

supabase/supabase

Skill Claude CodeCodex ✓ vendor

Correct React Hook Form usage anywhere in the monorepo — data flow, subscriptions, reset, dirty state, number inputs, and controlled-input rules. Load this BEFORE writing or modifying ANY form code, adding a field to an existing form, touching watch/useWatch/formState/getValues/setValue/reset, wiring a form into a…

angular/angular

Skill Claude CodeCodex ✓ vendor

Explains the mental model and architecture of the code under packages/forms/signals. You MUST use this skill any time you plan to work with code in packages/forms/signals.

angular/angular

Instructions file CodexOpenCode ✓ vendor

Instructions for angular/angular, covering environment, key documentation, testing and pull requests.

angular/angular

Cursor rule ✓ vendor

This rule provides comprehensive best practices and coding standards for Angular development, focusing on modern TypeScript, standalone components, signals, and performance optimizations.

mui/material-ui

Instructions file CodexOpenCode

AGENTS.md instructions for mui/material-ui, covering agents.md, package manager, common commands, development and building.

mui/material-ui

Instructions file

Claude Code instructions for mui/material-ui: This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

mui/material-ui

Skill Claude CodeCodex

Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app.

mui/material-ui

Skill Claude CodeCodex

Chooses the right Material UI styling approach (sx, styled, theme overrides, global CSS) from official MUI guidance. Use when styling @mui/material components, customizing themes, overriding slots, or comparing sx vs styled.

microsoft/playwright

Skill Claude CodeCodex ✓ vendor

Set up component testing with Playwright using a story gallery — scaffold stories and a gallery dev page driven by the built-in mount fixture, no dedicated component-testing runtime. Use when asked to test React or Vue components in isolation with Playwright, or to migrate off @playwright/experimental-ct-react / -vue.

Leonxlnx/taste-skill

Plugin Claude Code

Bundles 13 skills · 934 tokens together

Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more.

lobehub/lobehub

Skill Claude CodeCodex

Use when splitting a monorepo surface into a standalone micro app (React Router SSR on Cloudflare Workers), splitting a surface whose rendering code lives in the lobehub-cloud business overlay, fighting SSR bundle bloat from main-src imports, deploying its assets to CDN/R2, adding SEO/OG meta to an SSR page, adding a…

paperclipai/paperclip

Skill Claude CodeCodex

Create or modify Paperclip agent adapters across server, UI, and CLI surfaces. Use when adding support for a new CLI agent, API agent, custom process, or adapter package.

paperclipai/paperclip

Agent

Use this template when hiring product designers who produce UX specs, review interface quality, identify usability risks, and evolve the design system.

abi/screenshot-to-code

Instructions file

Instructions for abi/screenshot-to-code, a project described as: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue).

thedaviddias/Front-End-Checklist

MCP server Claude CodeCodexCursor +2

One of 2 in .mcp.json

TypeScript Execute (tsx): Node.js enhanced with esbuild to run TypeScript & ESM files. Runs locally from the tsx npm package.