mpa-strict-rules
265RealistSec/mpa-first-guidelines
Cursor rule Cursor
MPA-First Development Mandate - Strict rules for building performant, resilient Multi-Page Applications.
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.
RealistSec/mpa-first-guidelines
Cursor rule Cursor
MPA-First Development Mandate - Strict rules for building performant, resilient Multi-Page Applications.
Cursor rule Cursor
../../CLAUDE.md.
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…
mathofdynamic/entrance-motion-skill
Skill Codex
Implement or audit calm, progressive frontend entrance motion across pages, menus, popovers, dialogs, and other transient surfaces with stable initialization, deterministic stagger, reduced-motion support, faster close transitions, and rendered-page validation. Use when adding or repairing entrance or exit reveals; do…
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 Code needs its repo
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.…
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…
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…
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.
Cursor rule Cursor needs its repo
Every custom preset MUST populate ALL 33 token categories and ALL 519 fields.
lumpinif/frontend-ui-engineering
Skill Codex
Modern frontend UI engineering guidelines for building and reviewing clear, accessible, maintainable product interfaces. Use when creating, modifying, or reviewing UI components, pages, layouts, HTML, CSS, JavaScript, TypeScript, accessibility, responsive behavior, interaction states, motion, performance, or frontend…
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…
kesslerio/ultimate-frontend-design-openclaw-skill
Skill Codex
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites…
Plugin Claude Code
Bundles 1 skill · 127 tokens together
Anti-cramped spacing skill for AI-generated UI — three dials, one spacing scale, vertical rhythm, optical alignment, accessibility floors, and density discipline.
respira-press/respira-wordpress-mcp
Plugin Cursor
Read and edit a live WordPress site in its page builder's own format: Elementor, Divi, Bricks, Gutenberg and 14 more. An edit to a published page lands on a draft copy a person approves, and every write saves a snapshot first. Needs the Respira plugin on the site; there is a free trial.
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.
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…
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.
Skill Codex
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, Josef Müller-Brockmann, Dieter Rams, and Jony Ive, with emphasis on strong…
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).
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: