Best CSS and styling skills, page 7

Guides adding or modifying UI features (React "studios") in HOT-Step CPP — studio-folder convention, store patterns, API wiring, routing registration, Tailwind/i18n rules, and the Vite HMR dev loop.

scragnog/HOT-Step-CPP

Generate correct shadcn/Tailwind layouts by applying CSS mental models.

jwynia/agent-skills

Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback.

BuilderIO/agent-native

Audit and fix visual hierarchy, spacing, color, and depth in web UIs.

wondelai/skills

Quick reference for Tailwind CSS utility patterns, responsive design, and configuration.

aiskillstore/marketplace

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture.

aiskillstore/marketplace

A mechanical, countable anti-slop checklist for AI-generated frontend.

BlackBeltTechnology/pi-agent-dashboard

Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an expert UX designer who grounds every decision in externally documented public…

BlackBeltTechnology/pi-agent-dashboard

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes.

nirholas/three.ws

Tailwind CSS 4 patterns and best practices. An agent skill from Gentleman-Programming/Gentleman-Skills.

Gentleman-Programming/Gentleman-Skills

A skill your agent uses when constructing frontend components, selecting layout strategies, orchestrating state, or assembling interactive UI - spans component architecture, responsive adaptation…

NoobyGains/godmode

Apply Manor's public contribution standards when creating, editing, or reviewing web UI, React or TSX components, CSS, Tailwind classes, layouts, forms, cards, dialogs, navigation, responsive…

manor-os/manor-ai

Use Stylelint in .NET repositories that ship CSS, SCSS, or other stylesheet assets alongside web frontends.

managedcode/dotnet-skills

Scaffold and configure a production-ready SvelteKit PWA with opinionated defaults.

LeoYeAI/openclaw-master-skills

Создание высококачественных, визуально выдающихся фронтенд-интерфейсов.

AnastasiyaW/codex-claude-code-config

Generate SaaS boilerplate with auth, database schemas, Stripe billing, multi-tenancy, API routes, and dashboard UI on a Next.js/TypeScript/Tailwind stack.

borghei/Claude-Skills

Motor de montagem atômica que cria apresentações interativas em HTML/Tailwind com componentes Glassmorphism modulares e navegação card-a-card.

sandeco/mira-animator

Converte um deck do Mira já criado para modo OFFLINE (self-contained, sem CDN em runtime), para abrir por file:// mesmo atrás do firewall corporativo que bloqueia as CDNs (Tailwind, AOS, Lucide, D3…

sandeco/mira-animator

A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

majiayu000/spellbook

This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code.

aiskillstore/marketplace

Reference for Bevy UI — Node layout (Flexbox/CSS Grid), Val types, text, colors, buttons, interaction, scrolling, and relative cursor position.

nolantait/bevy-starter

Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui.

giuseppe-trisciuoglio/developer-kit

Implement zero-runtime CSS with Tailwind, CSS Modules, and the cn() utility for RSC-compatible styling in Next.js.

HoangNguyen0403/agent-skills-standard

通过 Context7 MCP 获取库和框架的实时最新文档，而非依赖训练数据，防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词：怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API…

ProgrammerAnthony/Expert-Coding-Harness

A skill your agent uses when formatting references and applying the MIND house style to a Mind article.

franklee16/academic-research-skills

Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection, Auto Layout to CSS Flexbox/Grid mapping, and visual…

yonatangross/orchestkit

Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development.

einverne/dotfiles

The HyperFrames composition contract — build one renderable project.

aiskillstore/marketplace

A skill your agent uses when styling any web UI - style with Tailwind utility classes and design tokens, avoid custom CSS, and build on the existing Radix/shadcn primitives instead of hand-rolling

makifbaysal/tasktrooper

A skill your agent uses when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop.

NeverSight/learn-skills.dev

Use webhint in .NET repositories that ship browser-facing frontends.

managedcode/dotnet-skills

Unused CSS detector and dead selector auditor. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table.

pproenca/dot-skills

Configure with styled components helper operations. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

Optimize tailwind class optimizer operations. An agent skill from jeremylongshore/tons-of-skills-marketplace.

jeremylongshore/tons-of-skills-marketplace

The SCSS workflow and its traps — where styling actually compiles, custom-variables.scss, themesource directories, hot reload, design-property errors, and the mxcli theme commands (apply, create…

mendixlabs/mxcli

Tailwind CSS v4 principles. An agent skill from coco-research/coco.

coco-research/coco

Design system bootstrapping and token generation. An agent skill from c0x12c/ai-toolkit.

c0x12c/ai-toolkit

Subagent for figma-from-code Phase 1. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Mobile-first UX optimization for touch interfaces, responsive layouts, and performance.

curiositech/some_claude_skills

100+ animated React components (Aceternity UI) for Next.js with Tailwind.

secondsky/claude-skills

| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

secondsky/claude-skills

Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint.

mohitagw15856/pm-claude-skills

A skill your agent uses when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive…

hashgraph-online/awesome-codex-plugins

A skill your agent uses when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and…

hashgraph-online/awesome-codex-plugins

A skill your agent uses when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser.

hashgraph-online/awesome-codex-plugins

Use this when implementing code changes in AEM Edge Delivery Services (EDS, Franklin, Helix), whether new or modified blocks, core functionality (scripts.js, styles, delayed.js, etc.), or both.

adobe/skills

Use this when making any AEM Edge Delivery Services (EDS, Franklin, Helix) code change — new blocks, block modifications, CSS styling, bug fixes, core functionality (scripts.js, styles, delayed.js)…

adobe/skills