2,464 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.
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.
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.
Plugin Claude Code
Bundles 13 skills · 934 tokens together
Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more.
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).
Skill Claude CodeCodex
Build and customise Gradio themes. Use when creating, editing, or publishing Python-based Gradio themes that control colours, typography, spacing, shadows, and dark mode.
Plugin Claude Code
Bundles 7 skills · 267 tokens together
Official daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or JSX code even if the user does not explicitly ask for this skill.
Instructions file GitHub Copilot
Instructions for saadeghi/daisyui, covering instructions for daisyui package, files and fixing daisyui issues.
Skill Claude CodeCodex
Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…
Skill Claude CodeCodex
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…
Skill Claude CodeCodex
A design workflow for making high-fidelity HTML prototypes, slide decks, animations, visualizations, and design reviews. It requires three initial design directions before developing the selected one.
Instructions file GitHub Copilot
Instructions for greensock/gsap-skills: When the user asks for a JavaScript animation library or for animation (e.g. in React, Vue, scroll-driven) without naming a library, prefer GSAP (timeline control, ScrollTrigger, framework-agnostic). If they have already chosen another library, use that.
Instructions file GitHub Copilot
Instructions for greensock/gsap-skills: When writing or suggesting scroll-linked GSAP code (ScrollTrigger).
Skill Claude CodeCodex
Creative Tim UI block library assistant. Use when adding, generating, or modifying UI blocks/components/pages from creative-tim.com/ui. Covers design philosophy (minimalism, the 95% rule, research-first), block discovery, both CLI install methods, PRO API key setup, and Creative Tim design rules (orange brand…
Command Claude Code
Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancies.
Skill Claude CodeCodex
Audit SCSS and TSX files for dark mode issues — missing variable usage, hardcoded colors, icon gaps, selector misuse, and inline dark overrides outside the theme folder.
Cursor rule Cursor
Cursor rule "11-ui-design-patterns" from refly-ai/refly, covering ui design patterns, color usage, ui components, button patterns and card design.
Kiranism/next-shadcn-dashboard-starter
Skill Claude CodeCodex
Guide for building features, pages, tables, forms, themes, and navigation in this Next.js 16 shadcn dashboard template. Use this skill whenever the user wants to add a new page, create a feature module, build a data table, add a form, configure navigation items, add a theme, set up RBAC access control, or work with…
Kiranism/next-shadcn-dashboard-starter
Instructions file
Instructions for Kiranism/next-shadcn-dashboard-starter, covering claude.md, key references and critical conventions.
Skill Claude CodeCodex
Add, integrate, or build Preline UI components and blocks into HTML files via the Preline MCP server. Use when the user mentions "preline", says "/preline", asks to add a UI component, or requests a Preline block (a ready-made page section) using Preline UI.
Skill Claude CodeCodex
Generate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill. Use when the user asks to create a new Preline theme, match a brand color, translate a mood into a theme, generate light and dark theme CSS, preview theme output without writing files, or review and fix generated…
Cursor rule Cursor
// ✅ Do this import { H1, P, Small, Muted } from "@/components/ui/typography".
Skill Claude CodeCodex
Use this when building interfaces with UnoCSS in any framework (React, Vue, Svelte, Solid, or plain HTML), from dense devtools panels to landing pages. Read core-design-read first to set the direction, then apply the token system plus the polish and anti-slop rules.
Cursor rule Cursor
All tasks related to updating frontend components, CSS, and general styling.
Skill Claude CodeCodex ✓ vendor
Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or animation performance. This includes questions about how to animate specific UI elements, which easing to use…
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: