6,298 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.
XiangyuSu611/obsidian-theme-designer
Skill Claude CodeCodex
Use when the user wants to design, preview, or customize an Obsidian vault theme — including choosing styles, comparing color schemes, adjusting typography, or generating CSS snippets. Triggers on keywords like "Obsidian theme", "color scheme", "CSS snippet", "appearance".
Skill Claude CodeCodex
Use when creating or modifying UI components — always check the design system for existing components and tokens before writing code.
agentience/react-design-systems-mcp
Instructions file Claude Code
Instructions for agentience/react-design-systems-mcp, covering claude.md, project overview, development commands, building and running and install dependencies.
Skill Claude CodeCodex
Build landing pages, portfolios, and marketing sites that don't look AI-generated. Use when asked for "landing page", "portfolio", "marketing site", "anti-slop", "Awwwards-style", "premium frontend", or when design needs a strong point of view.
Skill Codex
Use when designing, adding, changing, suggesting, or reviewing UI motion. Motion Guide is a default-trigger motion decision advisor for AI coding agents: it decides whether motion should exist, selects an appropriate functional or expressive pattern, and constrains implementation with timing, easing, accessibility…
Plugin Claude Code
Bundles 4 skills, 1 agent · 293 tokens together
Visual Design Mode overlay for annotating, inspecting, and modifying UI elements directly in the browser. Click elements to annotate, hover to inspect box models, and let Claude apply your design feedback to source code.
Skill Claude CodeCodex
Use when designing, refactoring, or reviewing web interfaces that should feel calm, precise, functional, and visually restrained. Applies minimalist UI principles inspired by Ludwig Mies van der Rohe, Louis Sullivan, Massimo Vignelli, Dieter Rams, and Jony Ive, with emphasis on strong typography, structured layouts…
Skill Claude CodeCodex
Skill "aether-aesthetics" from takzen/aether-agent, covering skill: aether aesthetics, główne zasady (design tokens), 1. paleta kolorystyczna (modern hsl), 2. glassmorphism (efekt szklany) and 3. animacje (framer motion).
Skill Claude CodeCodex
A set of strict CSS and React component guidelines for replicating the highly dense, micro-indexed, and smoothly expanding auto-hiding scrollbar side panel UI seen in DeepSeek's chat history timeline.
Plugin Claude Code
Bundles 9 skills · 758 tokens together
Builds memory-first HTMX + PHP + Bootstrap 5.3 applications with a consistent design system, a fixed phased build order, and an Ask Me Anything feature in every app.
Cursor rule Cursor
When writing code for tailwind css make sure to do the following.
Plugin Claude Code
Bundles 1 skill · 69 tokens together
Apple-style liquid glass: frosted, refracting surfaces for web UI, with the rules that keep them from reading as gray boxes.
chyinan/terminal-ui-design-system
Skill Claude CodeCodex
Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette. Use this skill when building developer tools, code marketplaces, technical documentation sites, or any interface that benefits from a terminal/command-line aesthetic. Provides complete design…
Plugin Claude Code
Validate HTML and CSS, audit technical SEO and accessibility signals, check JSON-LD and links, and capture responsive screenshots.
xonack/wp-ux-design-claude-skill
Plugin Claude Code
Bundles 1 skill · 59 tokens together
WordPress UX/design enforcement skill covering Core Web Vitals, mobile-first design, typography systems, color management, navigation UX, page builder patterns, and loading/error states.
thisisAhsanIqbal/nextjs-seo-audit
Skill Claude CodeCodex
Audits HTML patterns that affect Core Web Vitals (LCP, CLS, INP). Checks for layout shift causes, largest contentful paint blockers, and interaction responsiveness issues. Use when optimising page performance or fixing Google PageSpeed Insights warnings.
Instructions file CodexOpenCode
AGENTS.md instructions for Aboudjem/ui-ux-suite, covering agents.md: ui-ux-suite, what this tool is, how an ai agent should invoke it, preferred: the mcp tool uiuxauditrun and alternative: the cli.
ngocanhnckh/liquid-glass-frontend-skill
Skill Claude CodeCodex
Use when building a beautiful, distinctive, awwwards-tier web frontend — landing pages, dashboards, web apps, marketing sites — that needs Apple-style liquid-glass surfaces, choreographed motion.dev animations, and creative editorial layouts instead of the generic SaaS look (icon-card rows, centered heroes, default…
Skill Claude CodeCodex
Search Adobe Fonts (Typekit) families, create and manage web kits/projects, and return ready-to-use embed snippets plus CSS font-family values. Use when the user asks to find Adobe fonts, compare font options, set up Typekit for a website, add fonts to kits, publish kits, or generate copy/paste font embed metadata for…
Plugin Claude Code
Bundles 4 skills, 6 commands, 1 MCP server · 838 tokens together
Clone any website's design into clean, editable React + Tailwind, with your content. Renders a reference, extracts its full design (every color, gradient, shadow, font, box) into a Tailwind v4 theme, replays a faithful reconstruction, loops a visual diff against the original until it matches, then exports an editable…
Cursor rule Cursor
Cursor rule "performance-accessibility" from muzaffar640/commitpress, covering performance and accessibility guidelines, performance optimization, image optimization, static generation and code splitting.
Skill Claude CodeCodex
Design and build "instrument-grade" UI — marketing pages AND in-product surfaces (app pages, dashboards, panels, subpanels) that read like the product itself, not like a template. Distilled from the sectorRRG "The Instrument" landing redesign: dark editorial ground, single-accent color discipline, serif display +…
Skill Codex
Create, modify, or validate Backchat color-theme plugins and migrate frontend visual values into the semantic theme-token contract. Use when a user asks for a Backchat skin, theme, color scheme, editor-style appearance pack, theme preview, or tokenization work under openma-desktop.
Skill Claude Code
Frontend design partner. Kills AI-slop by teaching 10 tells with positive direction. Five commands: detect, audit, deslop, shape, craft. Model-invoked: flag tells, run detect. User-invoked: grill first.
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: