CSS & styling
2,031 rows, by stacks then stars
554 of these skill files have been read, by 512 distinct authors, and what they tell an agent counted. What CSS & styling authors agree on, and what they forbid
jorgempenalva/slides Skill
1★Claude Code skill: Generate branded presentations as PDF using Slidev. Auto-detects brand colors from your repo.
Angular scss bem standards skill
mizok/angular-scss-bem-standards-skill Skill
1★angular-scss-bem-standards-skill
choxos/MathVizAgent/plugins/mathviz/skills/animation-patterns Skill
1★ repoNafisRayan/100x-Agent-Toolkit/skills/21st-dev-builder-v2 Skill
no license1★ repoA production-grade engineering toolkit for AI-assisted software development. Contains 168 specialized skill workflows (100 core + 68 GSD sub-skills), 142 expert agent personas, 24 design system specifications, 5 reference checklists, 84 slash commands, and 9 MCP server integrations.
leobbaroni/maestro/skills/maestro Skill
1★ repoUnified design, motion, 3D, and video super skill for AI coding agents - eight upstream knowledge bases distilled into one, with automated upstream drift tracking.
Nordic-AI/production-readiness-skills/skills/accessibility-audit Skill
1★ repoEU-first, stack-agnostic Claude Skills for auditing and remediating production-readiness across security, compliance, testing, reliability, observability, supply chain, data protection, and scalability.
RaedMassoud/luxury-motion Skill
no license1★A Claude Code skill for building premium, next-level animations and motion effects in Shopify Liquid themes. Covers GSAP, CSS 3D, scroll-driven animations, Rive, Lottie, Three.js, and model-viewer.
tibichi/fast-preset/skills/fast-astro Skill
1★ repoPrototyping skills for AI coding agents. Astro, Tailwind CSS, DaisyUI workflow for designers. Turns product docs into a working coded prototype.
joepUI/motion-ref-skill Skill
1★AI coding agent skill for UI motion design. 111 production-ready effects across 13 categories — describe your product scenario, get CSS/JS code you can ship. Works with Claude Code, Codex, OpenClaw, and any SKILL.md-compatible agent.
SudewaJay/apple-design-skill/apple-design Skill
1★ repoClaude Agent Skill for Apple's design language — HIG + Liquid Glass, for app UI, landing pages, code, and Figma.
hannsxpeter/goddesigns/skills/goddesign Skill
1★ repoCross-agent frontend design skill for Claude Code and Codex CLI: seeded aesthetic variance, evidence-derived anti-slop rules, and a measured QA gate with bounded self-correction.
OpaceDigitalAgency/ai-ui-ux-motion-engine/skills/ai-ui-ux-motion-engine Skill
1★ repoAI website design, UI/UX, motion graphics and 3D web Agent Skill for Codex, Claude Code, Cursor, Copilot, Antigravity, Gemini, Windsurf and more.
valewnrt/design-skills/skills/dashboard-design Skill
1★ repoAgent Skills that give coding agents a real design vocabulary — mobile, dashboard and landing-page UI, with checkable rules instead of vibes.
ryanbaumann/fieldwork/.agents/skills/frontend-responsive-design Skill
1★ repoFieldwork by Ryan Baumann: developer tools, Field Notes, working Labs, and agent evals.
davidme6/frontend-polish-skill/skills/frontend-polish Skill
1★ repoCodex skill for polishing frontend UI, responsive behavior, interaction states, and production-grade implementation
simongonzalezdc/web-typography-skill Skill
1★Apache-2.0 AI-agent skill for readable, accessible, high-performance web typography.
4thel00z/frontend-skills/skills/frontend-skills Skill
no license1★ repoReact, Next.js, and Tailwind that ships fast and stays cheap to change - a Claude Code skill.
sonhaicoder/web-taste-skill/skills/web-taste Skill
1★ repoAnti-slop web frontend skill for AI coding agents. Auto-trigger every web task. Force Kimi/Lovable-tier quality with Discovery Form + 5 deterministic directions + 27 anti-patterns + ready-to-paste hero/section/motion blueprints. Distilled from open-design, taste-skill, impeccable.style, getdesign.md, kimi.com, lovable.dev.
propiter/motion-craft/skills/motion-craft Skill
1★ repoWeb animation & motion-design intelligence for AI coding agents — pick the right tool and ship motion with craft, 60fps and accessibility, plus a Review mode and a zero-dependency scanner.
dlaumets/agent-design-pack/design-auto Skill
1★ repoCross-agent UX/UI design slash commands for Cursor, Codex, and Claude Code
ychampion/morph-public/experiments/morph-animation/plugin-template/skills/morph-animation Skill
1★ repoMorph is the intelligence layer between sales and engineering—turn real product flows into buyer-ready videos, interactive demos, and Story Packs with your coding agent.
41Yr9/vibeplus/skills/code-review-skill Skill
1★ repoコーディング依頼を受け取ってからPull Requestを作成し、得られた知見を次回へ活かすまでを支援するCodexプラグイン
wufei-png/animated-sticker-maker/skills/animated-sticker-maker Skill
1★ repoAgent Skill that turns one static reference image and motion prompt into a validated transparent animated sticker.
knckknck/skills/skills/baseline-ui Skill
0★ repoPublic repository for Agent Skills
Nima-Edelkhani/claude-ux-design-skill Skill
0★Claude Code skill that makes AI-generated UI look less AI-generated.
galangster/paper-to-code/skills/paper-to-code Skill
0★ repoClaude Code plugin: Convert Paper designs into production-ready websites with scroll animations, responsive breakpoints, and polished motion
OthmanAdi/gmira/skills/gmira-a11y Skill
0★ repo21 Claude Code skills for building web interfaces that do not look AI-generated. Forces a written visual direction before any element is placed, wires 7 shadcn registries (514 components), sets a GPU performance floor for WebGL and canvas work, and gates every build with Playwright at 5 viewports. Next.js, React, Tailwind v4.
arova-ai/agent-skills/brand-website Skill
0★ repoClaude Code agent skills by Arova AI
Win-Hao/plan-ios-app Skill
no license0★you can make a plan before want to make a ios app
chawkitariq/fidely/.agents/skills/nuxt-ui Skill
0★ repoPWA de fidélité pour commerces, 100% offline, sans backend, sans compte. Deux modes : Commerçant (gestion des cartes et scan client) et Client (QR code personnel).
rhino-ty/apca-contrast-skill Skill
0★AI agent skill: APCA-W3 v0.1.9 perceptual contrast measurement with fontLookupAPCA pass/fail — design system audits for Tailwind v4 / shadcn oklch tokens, light/dark mode side-by-side
aksheyw/claude-code-learned-skills/skills/audit Skill
0★ repo12 Claude Code skills auto-extracted from real sessions: Docker/SSH/VPS ops, data/ML pipeline gotchas, 4 model prompting field guides, a 10-category bug audit, and a persistent project wiki (llm-wiki) with slash commands.
1marcelserrano/design-canon/skills/design-canon Skill
no license0★ repoAplica uma disciplina de design (Vignelli, suíça ou nenhuma) aos tokens de qualquer design system e exporta em CSS, SCSS, Tailwind v4, JSON, W3C Design Tokens e Style Dictionary. Skill do Claude, determinística.
SkillMedev/design-system-builder/skills/animation-system Skill
0★ repoFrom tokens to components to documentation — the complete design system workflow.
lroolle/skills/skills/animate-it Skill
0★ repoNine opinionated agent skills for Claude Code & Codex — UX design, motion, HTML artifacts, decision spread, goal contracts, and the craft of making skills. Every protocol opens with a gate that can say no.
byensitmagnus/sitesmith/skills/sitesmith Skill
0★ repoA coding-agent skill for building websites that don't look AI-generated. Routes by mode, enforces a 12-step build loop, and renders and measures the result instead of stopping at the code.
LunaAI519/motion-skill Skill
0★Claude Code skill：一张参考图 → 复古剪贴报风格动画短视频（Nano Banana 关键帧 + Kling 图生视频），内置版权红线自检
Shawnchee/design-scan/skills/design-scan Skill
no license0★ repoClaude Code skill: scan any live website into a replication-grade design.md — layout, typography, colors, and animations via a bundled Playwright crawler
jamartinezpastor/powerbi-motion/powerbi-motion Skill
no license0★ repoSkill que audita un informe de Power BI vía MCP + Plantillas de consultas DAX rellenadas mediante IA/adaptadas a cada modelo semántico, detecta sus insights más relevantes, propone al usuario un storyboard interactivo para que elija qué renderizar y lo convierte en un vídeo MP4 explicativo.
prone-dc302/AlterLab-FC-Skills/skills/cdm/alterlab-cdm-animation-previz Skill
0★ repoExplore 72 AI-powered skills across 6 departments for AlterLab FC training, learning, and workflow support
DexZane/motioncraft-skill Skill
no license0★Production-ready frontend motion design skill with style translation, typography system, and 4 landing-page implementation streams (DOM Motion, Scrollytelling, DOM+Canvas 3D, Route Transitions)
adryanmoldokkr32-pixel/awesome-claude-skills/artifacts-builder Skill
no license0★ repoA curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows
powerful-user/typo/skill Skill
no license0★ repoFont management CLI for web and mobile projects.
lohnim/skills/skills/tailwind-v4-dark-mode Skill
no license0★ repobrunoviews/agent-skills/react-native-design Skill
no license0★ repoAI agent skills for React Native and mobile development
Moonweave-Research/research-wiki-motion-skill Skill
0★Semantic graph motion guardrails for research-wiki demos, capture mode, and visual verification
glasschan/mastercss-skill Skill
no license0★Agent skill for Master CSS (@master/css) — utility-first CSS with structured syntax. Use with pi, Claude Code, or any Agent Skills harness.
themattvision/squircle-ui-skill Skill
0★Claude Code skill that uses @squircle-js/react as the default instead of Tailwind's rounded-*. Because squircles could harmonize digital life with the real world.
brunnocarpena/performance-audit-skill Skill
0★Agent skill for page performance auditing — Google PageSpeed Insights / Lighthouse / Core Web Vitals. Preserves layout, tracking, UTMs and conversion. Works with Claude Code, Cursor, Copilot, Gemini, Codex, Aider, Cline, Windsurf, Zed and 6+ more AI coding platforms.
schmoenraad/godot-gamestudio/plugins/godot-gamestudio/skills/godot-animation-reviewer Skill
0★ repoBuild Godot games with a supervised AI team: specialists, independent reviewers, runtime QA, and evidence-gated milestones.
SantosAlarcon/css-best-practices/skills Skill
0★ repoAI agent skill for writing modern CSS styles
Dweeb1578/claude-grounding-skills/skills/design-extractor Skill
0★ repoAnti-slop Claude Code skills: ground Claude in measured reality — live GitHub SOTA ranking + real design-token extraction — instead of training-data priors.
HowdyDooToYou/lottie-animation-pipeline/plugins/motionproof/skills/create-motion Skill
no license0★ repoProvider-neutral prompt-to-Lottie compiler with browser-certified production proof
naimkatiman/premium-agent-skills/plugins/premium-agent-skills/skills/avatar-motion-forge Skill
0★ repoTwo open-source, cross-agent Agent Skills for Claude Code, Codex, and OpenAI: Repo Improvement Architect (bounded repo audits + CI triage) and Avatar Motion Forge (original premium mascot SVG + Lottie/Rive motion).
UzairZQ/flutter-art-direction/flutter-art-direction Skill
0★ repoarham777/ui-ux-kit Skill
0★Taste-first, anti-AI-slop design skill for any web or app UI — routes the brief to the right rules (landing, dashboard, product, e-commerce, mobile, redesign) and documents the result in a DESIGN_SYSTEM.md. Portable SKILL.md for Claude Code, Cursor, Codex & more.
1012081579/react-prototype-system/react-prototype-system Skill
0★ repoA Codex skill for turning Figma frames, screenshots, and UI designs into verified React prototypes.
fmanimashaun/claude-skills/skills/fidara-design Skill
0★ repoAgent Skills that teach Claude to build Rails 8.1 apps — vanilla-first stack, pure RSpec, Hotwire (Turbo/Stimulus/Native), OpenAPI via rswag, ruby_llm AI, Kamal 2 deploys
scarlettdetekelala/motion-quality-gate/skills/motion-quality-gate Skill
0★ repoEvidence-first motion review skill for AI coding agents.
Accessible dark mode design expert
dhosruiasn/accessible-dark-mode-design-expert Skill
0★Cross-runtime Agent Skill for accessible dark mode design, implementation, and audits.