Skill Claude CodeCodex
A skill for creating presentation decks as single HTML files that work as horizontal, swipeable web pages. It includes reusable visual layouts such as chapter screens, large-number data slides, and image grids.
6,501 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
A skill for creating presentation decks as single HTML files that work as horizontal, swipeable web pages. It includes reusable visual layouts such as chapter screens, large-number data slides, and image grids.
Skill Claude CodeCodex
Build a premium scroll-driven interactive landing page where scroll becomes the timeline: video scrubs frame by frame under the wheel, stages pin while their argument advances, rails pan sideways, headlines assemble line by line, the page ground shifts colour as you travel, and the pointer moves things that are not…
Agent Claude Code
Senior product-designer + frontend-engineer UI/UX audit agent. Use when the user wants a deep UX review, design critique, screen-by-screen sweep, motion/animation spec, accessibility check, or a prioritized "what to fix" list for the renderer. Produces docs/UXAUDIT.md. Read-only — never modifies code.
Skill Codex
A UI implementation guide for the doksam project, based on the component catalog and design rules at ui.doksam.com. It defines approved design tokens, brand profiles, components, and checks for following those standards.
Skill Claude CodeCodex
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
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…
Skill Claude CodeCodex
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.
Skill Claude CodeCodex
Professional UI design system that replaces generic AI aesthetics (purple gradients, neon colors) with intentional, distinctive design. Use this skill whenever generating frontend UI, web pages, landing pages, dashboards, or any visual interface. Provides concrete color palettes, typography rules, spacing systems, and…
RealistSec/mpa-first-guidelines
Cursor rule Cursor
MPA-First Development Mandate - Strict rules for building performant, resilient Multi-Page Applications.
Skill Claude CodeCodex
UI development with shadcn/ui components, Tailwind CSS v4, and Framer Motion animations. Use when building user interfaces, styling components, implementing animations, creating responsive layouts, or adding interactive feedback. Triggers on shadcn, tailwind, framer-motion, components, UI, styling, animations…
Skill Claude CodeCodex
Designer's eye visual audit of a live site — finds typography issues, spacing violations, AI slop patterns, hierarchy problems, interaction state gaps — then fixes them with atomic commits and before/after screenshots. Use when asked to 'audit the design', 'visual QA', 'design polish', 'does this look good', 'check…
Skill Claude CodeCodex
Build or modify InstantCMS themes, template overrides, layout schemes, widget positions, and frontend/backend templates.
Cursor rule Cursor
You have access to a design system extraction tool. When the user asks you to match a website's visual style, build UI that looks like a specific site, or create a DESIGN.md.
Skill Claude Code
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…
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.
Plugin Claude Code
Bundles 1 skill · 143 tokens together
Thai-language frontend design: correct Thai typography, curated Thai+Latin font pairings, and hard rules against the CSS that silently breaks Thai script.
tokenizin-agency/mcp-nativewind
MCP server Claude CodeCodexCursor +2
MCP server for transforming Tailwind components to NativeWind 4. Runs locally from the @tokenizin-com/mcp-server-nativewind npm package.
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…
Core-Mate/Pixel-Perfect-Web-Replica
Skill Claude CodeCodex
Recreate public frontend pages locally with high visual fidelity. Use when the user asks Codex or Claude Code to pixel-perfect clone, mirror, study, sandbox, reproduce, or locally run a public website/page; capture its static assets; preserve layout, scroll animations, media, typography, and interactions; compare…
Plugin Claude Code
Bundles 1 skill, 2 commands, 3 hooks · 287 tokens together
Experimental. Build with Digdir's Designsystemet correctly on the first attempt: quote-verified component contracts (twins), a WCAG guard hook, and the /ds-check audit command.
Command Claude Code
Apply tactical UI improvements using Refactoring UI principles.
alphaparkinc/genpark-vision-coder
Skill Claude CodeCodex
Converts UI screenshots directly into clean HTML and Tailwind CSS code in seconds. No monthly subscription required.
Skill Claude CodeCodex
Use this skill for Flux UI development in Livewire applications only. Trigger when working with components, building or customizing Livewire component UIs, creating forms, modals, tables, or other interactive elements. Covers: flux: components (buttons, inputs, modals, forms, tables, date-pickers, kanban, badges…
Command Claude CodeCursor
Generate a content-first marketing landing page using MBA design rules. Auto-detects vertical (SaaS vs retail/hospitality/wellness) and adapts skeleton, mode, and reference system accordingly.
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: