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.
Angular-Material-Dev/angular-material-ai-rules
Cursor rule Cursor
This rule provides comprehensive best practices and coding standards for Angular development with Angular Material, focusing on Material 3 (a.k.a. M3) design, theme configuration and various API usages.
ofershap/tailwind-best-practices
Cursor rule Cursor
Tailwind CSS Best Practices - enforces v4 syntax and CSS-first config when working with Tailwind code.
Skill Claude CodeCodex
Use when you know what component, flow, or interface you need but not yet the right accessibility approach. Best for turning WCAG 2.2 requirements into an accessible implementation plan with WAI-ARIA APG patterns before code hardens bad interaction and state patterns.
Skill Codex
Design, implement, or review Material 3 and Material 3 Expressive interfaces for Android Compose, Android Views, Wear OS, and the web. Use for Material Design, M3, Material You, adaptive Material layouts, Material-focused Android UI modernization, or Material web component work; do not apply it to a non-Material…
22duxiaoyu/replicate-webpage-skill
Skill Codex
A webpage-rebuilding workflow that recreates the visible layout, responsive behavior, and interactions of a reference URL in your codebase, then applies requested content or branding changes.
Skill Claude CodeCodex
Create stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user wants to build a landing page, product page, launch page, marketing page, or any promotional web page for their app, tool, SaaS, open-source project, or personal…
GlamgarOnDiscord/uxui-AI-Prompt
Skill Claude Code
Expert Senior Frontend Engineer & UI/UX Designer for premium, dark-mode SaaS interfaces and modern landing pages. Triggers on: /build, /polish, /audit, /critique, /animate, /imagify, /dials, /variant — or any request involving UI design, landing pages, dashboards, components, frontend code, design systems, or visual…
JZCreative/svg-bubbling-strategy-SVG
Skill Claude CodeCodex
A skill for designing interactive groups in plain SVG without using IDs. SVG is a text-based format for scalable graphics such as icons, diagrams, and illustrations.
Skill Claude CodeCodex
Build or modify InstantCMS themes, template overrides, layout schemes, widget positions, and frontend/backend templates.
Cursor rule Cursor
This document outlines the frontend architecture, patterns and best practices for the Zodiac Engine web interface. The frontend uses a server-rendered approach with progressive enhancement via HTMX, styled with Bootstrap and minimal custom CSS.
solinkz/micro-interactions-skill
Skill Claude CodeCodex
Expert micro-interaction architect for mobile apps, web applications, and responsive websites. Use this skill when the user asks to add, build, fix, audit, or consult on micro-interactions, animations, transitions, motion design, gesture feedback, haptics, loading states, skeleton screens, pull-to-refresh, swipe…
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 CodeCodex
Use when users want a premium, demo-worthy cinematic web experience, immersive landing page, portfolio, product showcase, or Claude-made wow-factor UI with motion, 3D, particles, WebGL, or scroll-driven storytelling.
Skill Claude Code
Pixel-perfect website cloner. Given a URL, faithfully reproduces the page as a single self-contained HTML file. Uses Playwright to render the page in a real browser, then directly extracts the rendered DOM + all computed CSS — no manual rewriting. Handles static HTML, JS-rendered SPAs, Webflow, Next.js, and any…
Skill Claude Code
Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.
Skill Claude CodeCodex
Customize any running Electron desktop app (Slack, Codex, VS Code, Discord, Notion, etc.) live without modifying app files. Use when the user wants to change how an Electron app looks or behaves — move panels, change fonts, hide elements, inject features, restyle UI — all applied instantly via Chrome DevTools Protocol…
Plugin Claude Code
Bundles 1 skill · 43 tokens together
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
Skill Claude CodeCodex
Author type-safe inline CSS in F# with the Fun.Css computation-expression builder. Use when writing, generating, or refactoring Fun.Css style blocks (style { ... }), choosing operation names from CSS property knowledge, composing or conditionally building styles, extending the builder, or wiring design tokens / CSS…
Skill Claude CodeCodex
Apply the backstay.rules SCSS architecture with layered styles, component-oriented structure, and project naming conventions. Use when creating, refactoring, or reviewing SCSS structure, files, class names, variables, mixins, modifiers, and import order.
taekchef/AionUI-CSS-Theme-Generator
Skill Claude CodeCodex
A skill for generating custom CSS themes for AionUI from a described visual style, such as cyberpunk, natural, or gothic.
Skill Codex
Redesign and locally modify an existing Codex desktop or web interface from reference images, a user persona, a celebrity, idol, actor, musician, fictional character or original IP theme, a visual style, or a combination of these inputs. Use when Codex needs to inspect a local Codex installation or source checkout…
Cursor rule Cursor
Apply these rules to any HTML/template/CSS Cursor writes for this project. The system uses Bootstrap 5.3 with data-bs-theme="dark" and a custom refresh.css that defines the component classes referenced below.
Skill Claude Code
Analyze a given style file or component directory, identify redundancy, inefficiency, and maintainability issues, and suggest optimizations.
Skill Claude CodeCodex
Build polished front-end UI together with a signature motion effect in a single self-contained HTML file, combining SVG.js / SVG filters and the Canvas 2D API. Use when the user asks to build a web page, landing page, dashboard, or component that has a special visual effect, animation, particle system, fluid/water…
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: