react
601Cursor rule Cursor
This file defines React patterns and best practices for any future web UI components in the Code-Index-MCP project.
not rated 60
+1 yesterday A 2,802 tokens
original MIT
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).
not rated 59 5mo ago A
tokens not measured
cranpose
603Plugin Claude Code
Bundles 1 skill · 44 tokens together
Cranpose UI framework conventions and best practices skill for Claude Code.
not rated 59
+1 yesterday A
tokens not measured
original Apache-2.0
Skill Claude CodeCodex
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
not rated 59 2d ago A 58 tokens
copy · 88% MIT
general-rule
605Cursor rule Cursor
Cursor rule "general-rule" from vinhnx/vtchat, covering development guidelines, tech stack & project overview, package management, code style and ui/ux design principles.
not rated 59 16d ago A 2,939 tokens
original MIT
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, charts, sidebars, auth screens, blocks, responsive layouts…
not rated 58
changed 1mo ago A SkillSpector: pass 115 tokens
original MIT
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, voice listing, text-to-speech, credit balance queries, MacPaw AI, Setapp AI, createAIGatewayProvider, createGatewayFetch, createVideoClient, createVoiceClient…
not rated 58
changed 1mo ago A SkillSpector: warn 96 tokens
original MIT
temu-v0
608Cursor 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.
not rated 58 1y ago A 230 tokens
c2d2c
609Plugin Claude Code
Bundles 3 skills · 352 tokens together
Code-to-design-to-code: the pipelines closing the loop between Figma and a production codebase. restore (design→code, 1:1 with acceptance and auto-MR), export (code→design: components, state matrices, and tokens, everything bound to variables), govern (converge + freeze a style system with CI gates).
not rated 58 3mo ago A
tokens not measured
original MIT
Cursor rule Cursor
TanStack Start server functions exposed to UI only via queryOptions / mutationOptions; Effect stays on the server boundary.
not rated 58
+1 8d ago A 0 tokens
frontend-e2e
611intellegix/intellegix-code-agent-toolkit
Command Claude Code
Perform a thorough live E2E test of a frontend web application using browser-bridge MCP tools. Tests every page, interactive element, form, navigation flow, responsive breakpoint, and accessibility rule through real browser interaction.
not rated 57 4d ago A 0 tokens
original MIT
skill
612Skill Claude CodeCodex
Skill "skill" from cozy/cozy-ui, covering cozy ui, quick start, what this skill provides, quick reference and components.
not rated 57 yesterday A SkillSpector: pass 0 tokens
original MIT
Skill Claude Code
Covers theming Ignite UI for React with CSS custom properties: brand palette, dark mode, size, spacing and roundness, per-component tokens, and scoped themes, optionally through the igniteui-theming MCP server. WHEN TO USE: applying brand colors, switching between light and dark, changing a component's appearance…
not rated 57
changed 1mo ago A SkillSpector: pass 155 tokens
original MIT
pencilplaybook
614Skill Claude CodeCodex
PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.
not rated 57
+3 7mo ago A 50 tokens
original MIT
wechat-miniprogram/skyline-skills
Skill Claude CodeCodex
A development guide for Skyline, a mobile interface framework, covering scrolling, carousels, forms, images, text, draggable panels, and page animations. It also documents Skyline-specific components such as list views, grid views, sticky headers, and shared-element transitions.
not rated 56 7d ago A Socket: passSnyk: pass 81 tokens
original MIT
oneshot-websites
616Skill Claude CodeCodex
Run ambitious one-shot websites, web apps, games, simulations, clones, motion pieces, or benchmarks through fresh isolated subagents. Use for one-shot web artifacts, catalogue ideas, or parallel model/harness variants.
not rated 56
changed 1mo ago A 48 tokens
Skill Claude CodeCodex
Ensure scenario UIs work reliably across all three Vrooli deployment contexts — localhost development, Cloudflare tunnel, and app-monitor proxy/iframe — by adopting @vrooli/api-base and @vrooli/iframe-bridge with consistent file-level conventions.
not rated 56 2d ago A 0 tokens
AGPL-3.0
shadcn
618MCP server Claude CodeCodexCursor +2
One of 5 in .mcp.json
Add components to your apps. Runs locally from the shadcn npm package.
not rated 56
+2 4d ago A
tokens not measured
verify-ui
619Skill Claude Code needs its repo
Verify UI implementation against Stitch design via a token audit (HTML ↔ Code, with X-component default-render checks) and an X-components compliance check.
not rated 55 3mo ago A SkillSpector: warn 30 tokens
original MIT
fd
620Skill Claude CodeCodex
Frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces. Use when the user says /fd or explicitly asks for better design, styling, layout, visual quality, or UX polish.
not rated 55 7mo ago A 58 tokens
original MIT
Cursor rule Cursor
MFE boundary review: Remediation patterns. Load when this topic is in scope; part of mfe-skills.
not rated 55
changed 1mo ago A 3,936 tokens
original MIT
react-flow
622Skill Claude CodeCodex
Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting, TypeScript patterns, performance optimization, accessibility, SSR, and theming. Use when writing React Flow code, creating custom nodes or edges, debugging flow issues…
not rated 55
changed 1mo ago A 82 tokens
original MIT
Skill Claude CodeCodex
Write, edit, or review Agent Spaces Workflow UI project code from a user-provided project path while looking up Workflow UI renderer, host component, and plugin source from the current working directory instead of MCP/runtime agent tools. Use when an external agent needs to work on Workflow UI React or HTML preview…
not rated 55
+2 yesterday A 102 tokens
tailwind-plus
624richardkmichael/tailwindplus-downloader
Skill Claude Code
This skill should be used when the user asks to "add a component", "use a Tailwind Plus component", "build a UI", "create a form", "add a modal", "add a sidebar", "create a landing page", or needs any UI component from Tailwind Plus (formerly Tailwind UI). Use this when building pages, layouts, or UI elements with…
not rated 54 8d ago A 84 tokens
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: