5,686 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
Web design reference for building production-grade interfaces. Covers layout, typography, color, spacing, shadows, animation, accessibility, responsive design, components, performance, and UX psychology. Use when building UI, reviewing design quality, choosing design tokens, or making any visual design decision.
Skill Claude CodeCodex
A project-level CSS file for changing the look of Spherse, such as page backgrounds, text, cards, buttons, and pop-up menus. It uses separate values for light and dark mode.
Skill Claude CodeCodex
Anti-slop frontend direction for landing pages, portfolios, editorial pages, and design-forward redesigns. Use after reading the brief to infer a fitting visual system, preserve existing product constraints, and run a strict pre-flight audit.
hamzafarooq/multi-agent-course
Skill Claude Code
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Skill Claude CodeCodex
Use when building or modifying GPUI applications in the gpui-toolkit workspace, especially when choosing reusable toolkit crates, composing UI, adding components, charts, themes, layouts, audio controls, mobile surfaces, or validation coverage. Prefer existing toolkit APIs over custom one-off implementations.
Plugin Claude Code
Bundles 1 skill · 127 tokens together
Elite frontend design taste for building, reviewing, and polishing web interfaces. Use whenever the user wants to design, redesign, shape, critique, audit, polish, or improve any UI (landing pages, portfolios, dashboards, product UI, components, forms, onboarding, empty states) or asks to make something look better /…
Skill Claude CodeCodex
Create distinctive, crafted TUI components for pi using @mariozechner/pi-tui and @mariozechner/pi-coding-agent. Use when building interactive terminal UIs — custom components, overlays, dialogs, dashboards, widgets, data visualizations, animated elements, game-like interfaces, or any visual TUI work inside pi…
Cursor rule Cursor
Apply the UIZZE design contract and finish gate to frontend work.
Skill Claude Code
Implement responsive design for websites and web apps — from standard mobile-first layouts to complex patterns (sticky elements, scroll coordination, data tables, dashboards). Three modes: transform existing sites, build responsive from scratch, or launch a live multi-breakpoint preview. Surfaces design forks where…
framix-team/skill-email-html-mjml
Skill Claude CodeCodex
Responsive HTML email template generation using MJML 5.x framework. Use when the user asks to create, generate, design, or build an email template — including welcome emails, promotional blasts, transactional templates, newsletters, or any responsive email. Also use when the user asks to compile MJML to HTML, work…
egorfedorov/Slot-Casino-Game-Developer-Skills-for-Stake-Engine
Skill Codex
Design CSS animation systems and motion recipes for casino game UI. Use when building round transitions, idle loops, inter-round motion, background patterns, or CSS-only animation specs.
Plugin Claude Code
Bundles 9 skills · 949 tokens together
Web animation skills for AI coding agents — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.
Skill Claude CodeCodex
Comprehensive Tailwind CSS v4 documentation snapshot and workflow guidance. Use when answering Tailwind v4 questions, selecting utilities/variants, configuring Tailwind v4, or migrating projects from v3 to v4 with official docs and gotcha checks.
Agent OpenCode
Agent "css" from sdeonvacation/opencode-x, covering example of correct implementation, reusable components and key clarifications.
ianho7/ai-friendly-web-design-skill
Skill Claude CodeCodex
Build, review, and refactor web interfaces that are easy for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate. Use for UI components, forms, frontend features, semantic HTML, ARIA, stable locators, URL state, accessibility reviews, and agent-friendly web design.
wpacademy/wordpress-dev-skills
Skill Claude CodeCodex
Develop WordPress themes following official WordPress coding standards, theme review requirements, accessibility standards (WCAG 2.1 AA), and modern web development best practices. Use this skill whenever the user wants to create, scaffold, or develop a WordPress theme — including block (FSE) themes, classic themes…
ai-evals-course/isaac-fasthtml-workshop
Cursor rule Cursor
The main file for the project is mainsqlite.py It uses MonsterUI for styling. MonsterUI is a python first UI component library that primarily leverages FrankenUI and Tailwind, but also includes headers and functionality form DaisyUI, Katex, HighlightJS, and others.
Skill Claude Code
Extract a website's design system into a DESIGN.md file. Use when starting a new frontend project, rebuilding a site, or when the user wants AI-generated UI to match an existing brand.
Plugin Claude Code
Bundles 1 skill, 1 agent · 378 tokens together
Distinctive frontend design skills and agents for professional UI implementation. Avoid generic AI aesthetics with thoughtful typography, colors, layouts, and animations.
csuyincs-creator/fluidglass-ui
Skill Claude CodeCodex
Generates production-grade WebGL fluid glass card interfaces with a fixed canonical material core (144px-tall, 30px-radius wide cards, transparent canvas, cyan.
Plugin Claude Code
Bundles 3 skills, 10 commands, 5 agents, 1 hook · 1,813 tokens together
Divi 5 development assistant: validates CSS compatibility, generates Divi-ready code, scaffolds page sections, audits project CSS health, checks accessibility, diagnoses symptoms, audits performance for Core Web Vitals, and learns from errors. Includes /setup (auto-detecting config bootstrap) and /selector (instant…
Skill Claude CodeCodex
Build custom components that integrate with Mantine's theming, Styles API, and core features. Use this skill when: (1) creating a new component using factory(), polymorphicFactory(), or genericFactory(), (2) adding Styles API support (classNames, styles, vars, unstyled), (3) implementing CSS variables via…
LovroPodobnik/refactoring-ui-skill
Skill Claude Code
Tactical user interface design guide for fixing layouts, selecting colors/fonts, and creating professional UIs. Use when the user asks to "make this look better," needs help with CSS/styling decisions, wants to create a design system, or needs to fix a cluttered interface.
Skill Claude Code
Replace Tailwind CSS linear gradients with smooth eased gradients using tw-easing-gradients. Use when upgrading bg-gradient-to-, creating fading backgrounds, or smooth color transitions.
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: