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.
MCP server Claude CodeCodexCursor +2
Extract design tokens and publicly visible CSS information from any website. Runs locally from the dembrandt npm package.
jakubkrehel/make-interfaces-feel-better
Skill Codex
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions, enter/exit animations, or any visual detail work. Supports quick and full review modes. Triggers…
Skill Claude CodeCodex
Build large HTML files in chunks when a single writefile exceeds stream limits.
Skill Claude CodeCodex
Skill "shadcn-ui-mcp" from Jpisnice/shadcn-ui-mcp-server, covering shadcn/ui mcp for codex and when to use.
jpudysz/react-native-unistyles
Skill Claude Code
Migrate react-native-unistyles from v2 to v3. Triggers on: "migrate unistyles", "upgrade unistyles", "v2 to v3", "unistyles migration", "update unistyles", "convert unistyles v2". Covers all API changes including StyleSheet.create, useStyles removal, theme configuration, variants, withUnistyles, Babel plugin setup…
LottieFiles/motion-design-skill
Skill Claude CodeCodex
Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects…
Skill Codex
A skill for designing and implementing interactive web animation controlled by inputs such as scrolling, pointer movement, dragging, touch, audio, data, or component state. It covers the visual plan as well as the webpage code that runs the animation.
Skill Codex
A programming integration for adding Tailwind CSS support to a custom build tool or advanced build pipeline for WeChat Mini Programs. It connects CSS conversion with tools such as Vite, Webpack, Rspack, Rollup, Rolldown, and Gulp, including file watching and hot updates.
Plugin Cursor
Bundles 1 skill · 53 tokens together
Create and edit HTML designs on a shared canvas with your team and Cursor.
Skill Claude CodeCodex
Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames. Covers setup, Metro config, global.css, theming, className props, accent- color props, platform/data/state/responsive variants, CSS variables, custom utilities…
Power-Components/livewire-powergrid
Skill Claude CodeCodex
Create or update a PowerGrid v7 theme using the Theme abstract class, per-section token methods (layout/header/table/footer/cols/tabs plus filter/editable/toggleable), config themeoverrides, or ArrayTheme.
Skill Claude CodeCodex
Modern CSS authoring for WP Rig — Lightning CSS, enforced specificity budget, generated custom media, native nesting.
GoogleChrome/modern-web-guidance-src
Skill Claude CodeCodex
Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. Trigger immediately for: modals/dialogs/popovers, tables, dark mode, anchor positioning, container queries…
Cursor rule Cursor
Hugeicons rules for any UI work that needs icons. Covers choosing the icon library, resolving real icon names, keeping one style, and never hand-drawing an icon as inline SVG.
nevertoday/zhongguo-traditional-colors
Skill Codex
Check and repair Chinese traditional color combinations for readability and accessibility. Use when a user asks whether text, buttons, UI states, charts, light mode, dark mode, or traditional color palettes meet contrast and non-color-cue requirements.
Cursor rule Cursor
Frontend theme-system rules for NekroAgent, covering the theme architecture, core file structure, design principles, and usage guidance. A theme system controls shared visual choices such as colors, typography, and layouts.
Plugin Claude Code
Bundles 1 skill · 149 tokens together
Build and edit designs directly in Figma Desktop from your terminal — render frames/components/variants, manage design tokens & variables (shadcn/Tailwind/DTCG), extract & import whole design systems, gradients, Figma Motion, and accessibility audits. Controls Figma live over a local connection, no API key.
Cursor rule Cursor
A set of design rules for building polished websites and product interfaces. It distinguishes brand pages, where visual identity leads, from product interfaces such as dashboards, where clarity and usability lead.
superdesigndev/superdesign-skill
Plugin Claude Code
Bundles 1 skill, 1 command · 126 tokens together
Design or redesign frontend UI, presentations, and marketing graphics on the Superdesign infinite canvas. Uses approved slide outlines, project context, and branchable drafts you refine.
raphaelsalaja/userinterface-wiki
Skill Claude CodeCodex
UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.
Skill Claude Code
Create, update, or plan a Stencila theme for documents or published sites. Use when asked to choose a theme direction, write or patch theme.css, recommend semantic or module token families, customize site navigation or branding, tune PDF and print page tokens, align web, Python, and R plots with a Stencila design…
RayFernando1337/llm-cursor-rules
Cursor rule Cursor
Tailwind CSS usage rules for styling (2025 best practices).
Plugin Claude Code
Bundles 1 skill · 107 tokens together
High-fidelity HTML design skill with structured design planning, Iron Law guardrails, and verification-first delivery.
Skill Claude CodeCodex
A web design workflow for turning a brief, reference website, screenshot, or keywords into a design specification and then web code. It covers visual style, page structure, interaction, responsive layouts, and motion.
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: