ui-ux-pro-max
241Skill Claude CodeCodex
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.
not rated 10 3mo ago B 34 tokens
copy · 89% Apache-2.0
lucid-ui
242Skill 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…
not rated 10 5mo ago A 76 tokens
original MIT
design-review
243Skill 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…
not rated 10 3mo ago A 98 tokens
instantcms-theme
244Skill Claude CodeCodex
Build or modify InstantCMS themes, template overrides, layout schemes, widget positions, and frontend/backend templates.
not rated 10 3d ago A 25 tokens
original MIT
Skill Claude CodeCodex
TRIGGER when implementing UI from a Figma design, link, or file key — use the figma-bridge MCP (free-plan safe), never the raw API or palugada design for node content.
not rated 10 1mo ago A 49 tokens
original MIT
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…
not rated 10
+1 5mo ago A 293 tokens
original MIT
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…
not rated 9 3mo ago A 81 tokens
original MIT
alphaparkinc/genpark-vision-coder
Skill Claude CodeCodex
Converts UI screenshots directly into clean HTML and Tailwind CSS code in seconds. No monthly subscription required.
not rated 9 4mo ago A 28 tokens
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…
not rated 9 2d ago A 143 tokens
original MIT
figma-implement
250Skill Claude CodeCodex
Parse downloaded Figma design JSON files and CSS layer data to generate Tailwind CSS layout classes, fonts, borders, and colors, with component-to-layer mapping and Storybook validation.
not rated 9 2mo ago A 41 tokens
original MIT
lumpinif/frontend-ui-engineering
Skill Claude CodeCodex
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…
not rated 9 3mo ago A 65 tokens
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".
not rated 9 4mo ago A 63 tokens
original MIT
using-ds-pilot
253Skill Claude CodeCodex
Use when creating or modifying UI components — always check the design system for existing components and tokens before writing code.
not rated 9 3mo ago A 27 tokens
original MIT
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.
not rated 9 7d ago A 61 tokens
original MIT
gum-ui-layout
255Skill Claude CodeCodex
Gum UI layout patterns, gotchas, and target aesthetic for the KernSmith desktop app (apps/KernSmith.Ui/). Use this skill whenever working on KernSmith UI layout code, styling, panel construction, or control placement. Also trigger when the user mentions Gum controls, section headers, collapsible sections, ScrollViewer…
not rated 9 8d ago A 110 tokens
original MIT
motion-guide
256Skill Claude CodeCodex
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…
not rated 8 1mo ago A 65 tokens
original MIT
Lombiq/Orchard-Core-Agent-Skills
Skill Claude CodeCodex
Evidence-first Orchard Core theming skill for shapes, alternates, placement, Razor/Liquid templates, content model access, assets/resources, and recipes. Use for theme adjustments, shape overrides, template discovery, content item/field access, placement.json rules, and recipe authoring in Orchard Core projects.
not rated 8 7mo ago A 67 tokens
original BSD-3-Clause
less-is-more-ui
258Skill 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…
not rated 8 2mo ago A 82 tokens
GPL-3.0
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).
not rated 8 5mo ago A 0 tokens
original Apache-2.0
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.
not rated 8 1mo ago A 45 tokens
original MIT
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…
not rated 7 7mo ago A 75 tokens
core-web-vitals
262thisisAhsanIqbal/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.
not rated 7 6mo ago A 55 tokens
original MIT
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…
not rated 7 2mo ago C 124 tokens
original MIT
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…
not rated 7 6mo ago A 86 tokens
original MIT
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: