20,540 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
Cursor rule Cursor
This rule provides comprehensive best practices for Webpack configuration, optimization, and usage within projects. It covers code organization, performance, security, testing, and common pitfalls to ensure robust and efficient builds.
Cursor rule Cursor
Cursor rule "react-standards" from ssakone/crossrule, covering react component standards, structure & organization, typescript integration and performance optimization.
Cursor rule Cursor
React composition patterns for scalable component architecture including compound components, context providers, state management, boolean prop alternatives, render props vs children, and React 19 API changes. Use when refactoring components with many boolean props, building component libraries, designing flexible…
Skill Claude Code
Frontend design superpower for AI coders. Produces production-quality, non-slop frontends. Use PROACTIVELY when building, revamping, redesigning, or fixing any frontend UI — landing pages, SaaS, e-commerce, portfolios, dashboards, or any web interface. Detects and eliminates AI slop patterns.
Cursor rule Cursor
RER-ENGINE Electron React TypeScript frontend rules.
backendforth/next-sanity-starter
Cursor rule Cursor
Module pattern — schema, component and query of a content module.
Muminur/frontend-design-craft-skill
Plugin Claude Code
Bundles 4 skills, 13 commands · 605 tokens together
Website design plugin for Claude Code. Synthesizes purposeful motion, typographic polish, and anti-AI-slop taste into one design system.
Cursor rule Cursor
Create new draft components or prototypes following Code-First-Design patterns.
Cursor rule Cursor
Follow Rails 8.0 view standards with Tailwind CSS in ERB templates.
oakensoul/nextjs-cursor-prompts
Cursor rule Cursor needs its repo
Comprehensive prompt for creating new React components following project standards.
Cursor rule Cursor
Comprehensive AI-friendly design system for cross-framework responsive applications.
pato-gonzalez/design-system-stack
Skill Claude CodeCodex
Applied workflow skill for producing Awwwards-caliber animated landing pages using Claude Design as the orchestrator, with motionsites.ai (animated backgrounds), higgsfield.io or Kling 3 (AI animation generation), Dribbble (component inspiration), shots.so (animation showcase/video edit), and land-book (landing page…
Skill Claude Code
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features…
alexanderop/awesome-claude-code-vue
Skill Claude Code
Use when answering questions about OR implementing features with Nuxt Content (queries, MDC components, document-driven mode), especially when uncertain about current API - Nuxt Content is frequently updated with breaking changes, so fetch current documentation from llms.txt before responding to ensure accuracy over…
Skill Codex
Cross-agent full-stack startup kit for building skill UIs and shippable products. ALWAYS run onboarding FIRST — never scaffold or build until you have interviewed the user (product, scope, style, theme, background animations, architecture, data, auth, payments, launch, deploy) or loaded their stored answers, and…
Cursor rule Cursor
A set of coding rules for using Gradio, a Python tool for building interfaces around machine-learning applications. The rules cover its client library, API calls, streaming results, errors, jobs, deployment, and security considerations.
Cursor rule Cursor
Whenever routing/navigation in the ui are discussed.
zhanyoulin456/seevin-claude-plugins
Plugin Claude Code
Bundles 3 skills, 1 command, 3 MCP servers · 159 tokens together
A plugin bundle of frontend design skills, LayerData-to-code conversion, code-style checks, Chrome DevTools integration, and documentation lookup.
ryanleecode/magic-patterns-mcp
MCP server Claude CodeCodexCursor +2
A Model Context Protocol (MCP) server that provides tools for creating UI designs and components using the Magic Patterns API. This server enables AI assistants to generate React components, HTML/CSS layouts, and complete web interfaces through natural la. Runs locally from the magic-patterns-mcp npm package.
Plugin Claude Code
Bundles 4 skills, 6 commands · 102 tokens together
Feature-Sliced Design architecture assistant that analyzes, validates, and scaffolds FSD-compliant project structures.
Mazalucas/El-DT-Lightweight-Army
Skill Claude Code needs its repo
Atelier design intelligence (El DT + Impeccable). Use for UI/UX design, craft, critique, audit, polish, anti-slop, tokens, decks, and frontend iteration. Invoke /atelier [target]. Covers landing, dashboard, product UI, components, motion, a11y, and design system alignment.
Cursor rule Cursor
Flutter/Dart frontend conventions for the Retentio mobile app.
Plugin Claude Code
Bundles 1 skill, 1 agent · 88 tokens together
HTML/JSX design artifact creation with versioning, asset tracking, live preview, AI-slop verifier, starter components, in-page Tweaks panel, 5 sub-skills (deck, wireframe, make-tweakable, save-as-pdf, handoff), and helper scripts for pulling GitHub references and reading PNG/JPG dimensions.
lespaceman/athena-workflow-marketplace
Plugin Claude Code
Bundles 1 skill · 241 tokens together
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
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: