5,244 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.
scania-digital-design-system/tegel-ui-skills
Skill Claude CodeCodex
Install, integrate, and avoid the gotchas of @scania/tegel-lite. Use when adopting tegel-lite in a new project, debugging "why does this look broken?" symptoms, or porting Tegel-Lite conventions. Covers the -tag CSS loading pattern (bundlers like Lightning CSS / Turbopack reject the package's CSS), the copy-tegel.mjs…
Skill Claude Code
Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like…
Skill Claude Code
Mandatory constraint layer enforcing 21 frontend design standards on all UI output.
nicolethoen/patternfly-vite-seed-app
Cursor rule Cursor
Always reference the README and markdown documentation in this repository when generating, editing, or reviewing any PatternFly (PF) code. These files contain the authoritative best practices, guidelines, and up-to-date standards for PatternFly development.
Cursor rule Cursor needs its repo
Apply Tailwind CSS v4.1 standards for modern CSS development, focusing on CSS-based configuration, updated utility/variant syntax, and removal of deprecated features when writing CSS or using Tailwind utilities in various frameworks.
Cursor rule Cursor
Convert inline Tailwind CSS utility classes to BEM-compliant @apply directives in CSS files.
Cursor rule Cursor
Technasm closed CSS grammar for AI-generated HTML UI.
Plugin Claude Code
Agent settings configuring slug, displayName, tagline, category, tags, repository and 1 more.
Cursor rule Cursor
Use SuperUI for frontend UI design, redesign, DESIGN.md, planning, implementation, responsive QA, accessibility, and review.
FluroAsh/lunch-wheel-of-fortune
Cursor rule Cursor
Standards for writing Tailwind className strings in TSX components.
workwsl/taro-tailwind-template
Cursor rule Cursor
A set of stylesheet-writing rules written in Chinese. It prioritizes Tailwind, with Less or CSS as supporting options, and includes BEM naming, CSS variables, and mini-program compatibility.
zFusions/beautiful-mysellauth-themes
Skill Claude Code
Builds world-class SellAuth and MySellAuth storefront themes — dark SaaS, gaming neon, light, corporate, luxury. Covers sellauth-theme CLI, Nunjucks, schema.json, visual editor resale, hero peek, feature mocks, Lenis motion, premium shop pages (shop-pdp.css split, volume discounts), universal theme architecture, and…
Agent Claude Code
You are a UI designer who creates interfaces that are both beautiful and implementable. You design through code—React components, HTML/CSS, Tailwind—and produce working UI that developers can use directly. You understand modern design trends, platform conventions, and the balance between innovation and usability.
truman-t3/tinted-ui-tokens-skills
Skill Claude CodeCodex
A design-token generator that turns one brand colour into coordinated colours for interface backgrounds, borders, text, shadows, semantic states, gradients, icons, and dark mode. Design tokens are named colour values reused across a product's interface.
Cursor rule Cursor
A set of visual rules for building web interfaces in a glassmorphism style, which uses translucent, blurred surfaces to create a glass-like appearance.
Cursor rule Cursor
When designing a frontend or frontend components.
Cursor rule Cursor
WAVE frontend guardrails — applies to every file under client/.
Skill Claude Code
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
Skill Claude CodeCodex
A tool for managing shadcn/ui, a collection of copyable user-interface components for web projects. It provides project context, component documentation, examples, and help with registries and presets.
Skill Claude CodeCodex
Create beautiful, simple, component-driven web interfaces with the soul of 2017–2019 web design (Bootstrap, Bulma, MaterializeCSS era). Use this skill when the user wants clean, elegant, thoughtful UIs — or expresses dislike for modern over-designed trends like glassmorphism, bouncy hover animations, gradient chaos…
Skill Claude CodeCodex
Implement custom window chrome for Tauri v2 desktop apps, including app-drawn titlebars and toolbars, borderless windows, cross-platform caption controls, drag regions, and platform-specific window-frame behavior. On macOS, preserve native red/yellow/green traffic lights and restore transparent rounded shells, native…
KailasMahavarkar/agentic-skills
Skill Claude Code
Integrate Lenis smooth scroll into React and Next.js projects. Use when the user wants smooth scrolling, scroll-linked animations, parallax effects, GSAP ScrollTrigger sync, Framer Motion sync, programmatic scroll-to navigation, or scroll event listening in a React app. Covers ReactLenis provider setup, useLenis hook…
clafollett/lafollettlabs-claude-plugins
Agent Claude Code needs its repo
Implements a single UX design variation in an isolated git worktree. Used by the ux-designer skill during Phase 3 Build. Reads master brief + variation brief from absolute paths in the main repo, builds milestone-by-milestone, captures screenshots via raw Node Playwright (NOT the MCP), and reports back with branch +…
andronics/claude-plugin-css-pro
Plugin Claude Code
Bundles 8 skills, 10 commands, 7 agents · 772 tokens together
Comprehensive CSS development toolkit with specialist agents, interactive skills, and powerful commands for modern CSS development.
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: