CSS and styling plugins

aaronbassett/agent-foundry

Plugin Claude Code

Create, implement, review, and visualize opinionated design systems that resist AI slop convergence.

Samin12/claude-club-motion-library-skill

Plugin Claude Code

Search and apply 547 Claude Club animated website, app, section, background, template, gradient, and design-system recipes.

lespaceman/athena-workflow-marketplace

Plugin Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

dnh33/frontend-aesthetics

Plugin Claude Code

Unified frontend aesthetics skill for webshop development. Anti-AI-slop rules, distinctive typography, CSS-var palettes, purposeful motion, layered backgrounds. Optimized for e-commerce conversion with 2026 research data.

OpaceDigitalAgency/skills

Plugin Claude Code

Accuracy-first cinematic website skill with timeboxed product-film production, reusable scroll media and fail-closed validation.

Darcos-Loft/fluid

Plugin Claude Code

Anti-generic design, motion, and frontend skills for AI agents. A committed brand identity per brief, a house motion language, and a deterministic anti-slop detector.

navinramharak-rgb/50k-website-builder

Plugin Claude Code

Build cinematic, scroll-animated marketing sites that look like they cost $50,000 or more. A reference-and-taste phase, a design token system, a GSAP motion system, a signature-move library, a brand-to-build workflow, and in-browser QA.

savvity/astro-site-builder

Plugin Claude Code

Build 100+ page local service business websites with Astro 5, Tailwind CSS v4, and Cloudflare Pages. Generates programmatic SEO sites from business data with working contact forms.

ca-who-codes/ultimate.UIUX.design.skills

Plugin Claude Code

World-class, one-stop design intelligence for coding agents across two tracks: interfaces (web/apps, components, design systems, the modern React+Tailwind+shadcn stack) AND visual/marketing design (presentations & decks, social carousels & posts, ads, A4/A3 posters, flyers, business cards, event banners…

jeromwolf/templateclaw

Plugin Claude Code

32 production-ready templates as Claude Code skills. Landing pages, dashboards, UI components, project setup, dev methodology, refactoring checklists. Type /templateclaw to scaffold any project.

boserup/wes-bos-sick-picks

Plugin Claude Code

Research-first workflow for building modern, accessible frontend UI components in the spirit of Wes Bos. Researches pitfalls and platform capabilities before planning, designs for WCAG accessibility with modern web standards, then verifies the approach against Wes Bos on X plus trusted sources (MDN, web.dev…

dravensoft-dev/arena

Plugin Claude Code

Build interfaces with Arena, a token-driven design system: design tokens, React and Angular component libraries, a shared Tailwind layer, guidelines, and a style plugin any project can replace. It carries the design language and not the skin, so any project brings its own palette and fonts.

webmilmind1/claude-plugins

Plugin Claude Code

Frontend Design Kit for Claude Code — UI, UX, components, charts & animation. KokonutUI, Bklit UI, and Anime.js skills in one installable plugin.

webmilmind1/claude-plugins

Plugin Claude Code

Frontend Design Kit — UI, UX, components, charts & animation for Claude Code. Three skills in one: KokonutUI (polished React/Tailwind components), Bklit UI (charts & data-viz), and Anime.js v4 (animation engine).

jangles-byte/atelier

Plugin Claude Code

Generative animation for Claude Code — flow fields, physarum, strange attractors, boids, reaction-diffusion, domain warping; GPU/WebGL2 GPGPU and raymarched SDFs; density-to-tone mapping, post-processing and art direction. Parameters are machine-verified, and a bundled capture script records the running result so the…

whatsuppiyush/make-my-website-non-ai-looking-claude-skill

Plugin Claude Code

Two skills that build websites which look designed rather than generated, and fix the ones that already look generated. Thirty giveaway patterns tiered into bans, a budget, and requirements.

parkjui92/lecture-deck-kit

Plugin Claude Code

A plugin for building and editing self-contained HTML lecture slide decks in a browser. It lets you select text on a slide and describe the change in chat.

ClawEnable/html-artifact-best-practices

Plugin Claude Code

Produces, reviews, and improves standalone single-file HTML artifacts using vanilla HTML, inline CSS, and vanilla JS — no frameworks or CDN. Use for: comparison matrices, interactive dashboards, timeline roadmaps, review surfaces, visual explainers.

niharya/skills-drawer

Plugin Claude Code

Translates Figma designs into production-ready code using a three-station component-first workflow. Built for product designers and UI/UX designers. Requires the Figma MCP server.

niharya/skills-drawer

Plugin Claude Code

Systems-design-aware CSS/SCSS auditor. Cleans stylesheets through seven dependency-ordered phases — spacing, radius, type, layout, accessibility, naming — and returns a blueprint of the patterns that survived the cleanup.

taotao135791-bit/gsap-transform

Plugin Claude Code

Community, third-party GSAP motion skills for Claude, Cursor, and other AI agents — Design Layer (motion-design-taste, motion-recipes, motion-anti-slop, motion-craft) on top of GSAP API skills (core, timelines, ScrollTrigger, plugins, utilities, React, frameworks, performance).

TheBrunoLopes/bruno-agentic-skills

Plugin Claude Code

Plugin marketplace listing 1 plugin: cyberpunk-frontend-design-skill.

TheBrunoLopes/bruno-agentic-skills

Plugin Claude Code

Cyberpunk UI design system for building dark-themed, terminal-inspired interfaces with neon accents, CRT effects, and pixel aesthetics.

andronics/claude-plugin-css-pro

Plugin Claude Code

Comprehensive CSS development toolkit with specialist agents, interactive skills, and powerful commands for modern CSS development.