5,678 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 document defines the design language, UI patterns, spacing, iconography, and third-party libraries to be used for implementing the frontend of the ResumeBuilder app. It is tailored for modern minimalist aesthetics inspired by Masai School, enhanced with glassmorphism.
Cursor rule Cursor
Convert inline Tailwind CSS utility classes to BEM-compliant @apply directives in CSS files.
Cursor rule Cursor
Technasm closed CSS grammar for AI-generated HTML UI.
Plugin Claude Code
Agent settings configuring slug, displayName, tagline, category, tags, repository and 1 more.
FluroAsh/lunch-wheel-of-fortune
Cursor rule Cursor
Standards for writing Tailwind className strings in TSX components.
workwsl/taro-tailwind-template
Cursor rule Cursor
A set of stylesheet-writing rules written in Chinese. It prioritizes Tailwind, with Less or CSS as supporting options, and includes BEM naming, CSS variables, and mini-program compatibility.
zFusions/beautiful-mysellauth-themes
Skill Claude Code
Builds world-class SellAuth and MySellAuth storefront themes — dark SaaS, gaming neon, light, corporate, luxury. Covers sellauth-theme CLI, Nunjucks, schema.json, visual editor resale, hero peek, feature mocks, Lenis motion, premium shop pages (shop-pdp.css split, volume discounts), universal theme architecture, and…
Agent Claude Code
You are a UI designer who creates interfaces that are both beautiful and implementable. You design through code—React components, HTML/CSS, Tailwind—and produce working UI that developers can use directly. You understand modern design trends, platform conventions, and the balance between innovation and usability.
truman-t3/tinted-ui-tokens-skills
Skill Claude CodeCodex
A design-token generator that turns one brand colour into coordinated colours for interface backgrounds, borders, text, shadows, semantic states, gradients, icons, and dark mode. Design tokens are named colour values reused across a product's interface.
Cursor rule Cursor
A set of visual rules for building web interfaces in a glassmorphism style, which uses translucent, blurred surfaces to create a glass-like appearance.
Cursor rule Cursor
When designing a frontend or frontend components.
Cursor rule Cursor
WAVE frontend guardrails — applies to every file under client/.
Skill Claude Code
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
Skill Claude CodeCodex
A tool for managing shadcn/ui, a collection of copyable user-interface components for web projects. It provides project context, component documentation, examples, and help with registries and presets.
Skill Claude CodeCodex
Create beautiful, simple, component-driven web interfaces with the soul of 2017–2019 web design (Bootstrap, Bulma, MaterializeCSS era). Use this skill when the user wants clean, elegant, thoughtful UIs — or expresses dislike for modern over-designed trends like glassmorphism, bouncy hover animations, gradient chaos…
Skill Claude CodeCodex
Implement custom window chrome for Tauri v2 desktop apps, including app-drawn titlebars and toolbars, borderless windows, cross-platform caption controls, drag regions, and platform-specific window-frame behavior. On macOS, preserve native red/yellow/green traffic lights and restore transparent rounded shells, native…
Skill Claude CodeCodex
Use after visual-identity is complete and a build prompt exists (from audience-site-brief). Scaffolds a Vite + GSAP + Lenis project, implements the design system, builds all page sections with choreographed animations, sources images from Unsplash, and documents video slots for Replicate. Targets Awwwards-quality…
KailasMahavarkar/agentic-skills
Skill Claude Code
Integrate Lenis smooth scroll into React and Next.js projects. Use when the user wants smooth scrolling, scroll-linked animations, parallax effects, GSAP ScrollTrigger sync, Framer Motion sync, programmatic scroll-to navigation, or scroll event listening in a React app. Covers ReactLenis provider setup, useLenis hook…
clafollett/lafollettlabs-claude-plugins
Agent Claude Code needs its repo
Implements a single UX design variation in an isolated git worktree. Used by the ux-designer skill during Phase 3 Build. Reads master brief + variation brief from absolute paths in the main repo, builds milestone-by-milestone, captures screenshots via raw Node Playwright (NOT the MCP), and reports back with branch +…
Plugin Claude Code
Bundles 2 skills, 5 commands, 2 agents · 263 tokens together
A design-to-development integration tool based on Pencil, a design workflow platform. It supports design workflow automation, design-system management, design review, and converting designs into React and Tailwind code.
Skill Codex
A skill for studying the visual rules of real websites and turning them into a reusable design package for other web projects. It can capture measured colors, spacing, fonts, components, icons, and assets while keeping the evidence behind those rules.
namanmehta96/ultra-frontend-skill
Skill Claude CodeCodex
Master frontend skill for Claude Code. Synthesizes ultra-frontend design system, uiuxpromax design intelligence, superdesign.dev aesthetics, framer-motion + GSAP full plugin ecosystem, 21st.dev component patterns, Three.js 3D, shadcn/ui, and production-grade architecture. Invoke for ANY visual web task: landing pages…
Plugin Claude Code
Bundles 6 skills · 466 tokens together
Builds and elevates Awwwards-level landing pages on a fixed stack (Next.js + Tailwind + GSAP + Lenis, optional R3F): guided intake with landing script and brand source, three rendered comps approved at a single design-plan gate, build from recipes, Higgsfield MCP assets, mandatory visual verify loop. Shares PRODUCT.md.
MCP server Claude CodeCodexCursor +2
Screenshot → reusable Tailwind components. MCP Server for AI-powered UI component extraction. Works with Claude, Cursor, Windsurf, Copilot. Runs locally from the @monlohua/componentize npm package.
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: