css plugins

by Manavarya Singh

Extract any website's design language and ship it. Fourteen slash commands — /extract, /site, /grade, /battle, /remix, /pack, /theme-swap, /brand, /pair, /studio, /verify, /fidelity, /gallery, /dna — wrap the designlang CLI to pull DTCG tokens, Tailwind/shadcn/Figma vars, motion + voice, synthesize a whole-site canonical design system with a consistency grade, generate shareable graded report cards, head-to-head battle pages, six-vocabulary remixes, downloadable design-system bundles, OKLCH-correct theme recolouring, full editorial brand-guidelines books, design crossovers between two sites, a live token-editor studio, a rebuild-and-pixel-diff fidelity check, a measured clone-vs-original fidelity score (visual + motion) with a ranked correction plan via /fidelity, a shareable static gallery of scored clones via /gallery, and — via /dna — a measured design space that places any site among real design systems by nearest neighbours, per-axis percentiles, and the features that make it look the way it does.

by Dessert99

Settle CSS values, layout and motion by eye: draws every candidate side by side in the browser, you pick one, and it applies the choice to your code.

by Lauri Gates

CSS tooling - Lightning CSS transpilation/minification, UnoCSS atomic utility generation

by Gopher Guides

Tailwind CSS v4 tools for initialization, auditing, migration, and optimization

by Anthony Fu

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

by HTML/CSS to Image

Let AI agents capture live website screenshots, render HTML/CSS, and populate reusable templates as images or PDFs—without managing a browser.

by devantler-tech

Astro, frontend design, and web design guidelines skills

by cjthompson

Reference skills for the Textual TUI framework — CSS properties and widget API

by Shawn Sandy

Vendor-neutral UI component skills. Each skill ships a complete reference - semantic HTML, plain CSS custom properties, and dependency-free JavaScript - that an agent builds into your project in your stack. No framework, no design system, no package to install.

by MotionComplex

Design-engineering skills for reverse-engineering UIs and giving them motion. ui-reverse-engineer turns a screenshot or live URL into a faithful, disassembled reconstruction with an extracted design-token system; motion-system designs the temporal layer (motion tokens, choreography, per-state transitions) for a design, inferring it from taste or measuring it from a video/URL; figma-export pushes the extracted tokens and components into Figma. Together they cover static design extraction, motion, and design-tool round-tripping.

by Kamen Kurtev

An AI-aware design system, read from the code you already have: your coding agent writes each page the way your other pages are built

by Gev

Ultimate Frontend Skills (UFS for Claude). Build cinematic, editorial websites the way an award-winning studio does, on one route from brief to ship: a corpus of award-winning reference sites to decide against, WebGL mesh gradients, three-plane parallax with real depth, procedural and Blender-modelled three.js exploded product views, CC0 PBR materials and HDRI lighting, scroll choreography in GSAP and anime.js, and a typographic system that does not read as AI-generated. Ships a copy-in CSS chassis, motion and WebGL runtimes, a section library, a scaffolder, a headless render check, a bench detector that defers to frontend-design when it is installed, and one verify verdict.

by Sergio Leiva Ortega

Skills para desarrollar, verificar, revisar y depurar aplicaciones móviles XOne