Best CSS and styling skills, page 5

Conventions for building and styling Textual widgets and TCSS in the Mistral Vibe codebase: selectable lists, tool headers, theme variables and overflow.

mistralai/mistral-vibe

Guides migration of a web project to OUDS Web (Orange Unified Design System).

Orange-OpenSource/Orange-Boosted-Bootstrap

Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG.

theexperiencecompany/gaia

Guides UI work on OpenClaw apps so it uses the shared Carapace package: semantic design tokens, theme foundations, shared CSS classes and the product's existing local components.

openclaw/clawhub

Guides design, implementation and review of Shift interface work: shared Base UI wrappers, Tailwind v4 theme tokens, Figma matching and accessible interaction states.

shift-editor/shift

Apply subtle gradient-border treatments for premium web surfaces.

boraoztunc/skills

Create or update design system foundation modules — spacing, color-system, typography, elevation, border-radii, motion, and z-index.

telerik/kendo-themes

Build, serve, and maintain the Corvus.Text.Json documentation website and the six Blazor WASM playgrounds (JSON Schema, JSONata, JMESPath, JsonLogic, JSONPath, YAML).

corvus-dotnet/Corvus.JsonSchema

Step-by-step procedure for migrating components in the Sanity monorepo off styled-components to vanilla-extract (zero-runtime CSS).

sanity-io/sanity

Recreate a UI screenshot, mockup, or design image as production-quality React + TypeScript + Tailwind code with near-pixel-perfect visual fidelity.

buildfastwithai/gen-ai-experiments

Tailwind CSS v4 principles. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

Multi-brand architecture for OUDS Web (Orange, Sosh, Orange Compact).

Orange-OpenSource/Orange-Boosted-Bootstrap

CSS and Tailwind, cn(), flex layouts. An agent skill from EpicenterHQ/epicenter.

EpicenterHQ/epicenter

Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration.

blencorp/claude-code-kit

CSS expert for flexbox, grid, animations, responsive design, and modern layout techniques

RightNow-AI/openfang

Add, review, and maintain Chromatic visual regression coverage in the Sanity monorepo via dev/storybook stories, the vitest browser-mode suite, and Playwright e2e snapshots.

sanity-io/sanity

CSS architecture and styling expert with deep knowledge of modern CSS features, responsive design, CSS-in-JS optimization, performance, accessibility, and design systems.

cin12211/orca-q

Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions.

boraoztunc/skills

Create or update SCSS layout mixins, theme mixins, module entry points (index.scss), and registration in theme entry points for a Kendo UI component.

telerik/kendo-themes

Critique and improve the visual design of an existing UI component with concrete implementation guidance.

superset-sh/superset

Guide for using design tokens in the Sculptor frontend. An agent skill from imbue-ai/sculptor.

imbue-ai/sculptor

Clone any website's landing page with pixel-perfect fidelity.

SylphAI-Inc/skills

Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates…

TronIsHere/vibefarsiui

SCSS coding conventions for OUDS Web. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap.

Orange-OpenSource/Orange-Boosted-Bootstrap

Author a Wisp custom theme CSS file that uses documented tokens and import constraints.

xuzhougeng/wisp-science

Conventions for this project's Storybook — how stories are filed under Foundations / Components / Game, and the rule that any change to the design language must be reflected in the using-tailwind…

Asvarox/allkaraoke

Bike Index's frontend conventions — Tailwind class prefixing (tw:), the standard twinput/twlabel/twlink form/link classes, the numberdisplay helper for numbers, the UI component library rule (every…

bikeindex/bike_index

Generates PDF documents using the React-PDF library (@react-pdf/renderer) with TypeScript and JSX.

trailofbits/skills-curated

apps/web UI — routes, @repo/ui, TanStack Start server functions and collections, navigation (Link vs useNavigate), forms (useForm + createFormSubmitHandler + fieldErrorsAsStrings for Zod field…

latitude-dev/latitude-llm

Create or update SCSS variables for a Kendo UI component — null declarations in core and concrete overrides in targeted theme packages.

telerik/kendo-themes

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

A skill your agent uses when the user asks to "pick a launch date", "plan the launch window", or "set the embargo and lift time"; produces a candidate-window comparison table (conflict / tailwind /…

aaron-he-zhu/aaron-marketing-skills

Read-only audit of OUDS design token usage across SCSS component files.

Orange-OpenSource/Orange-Boosted-Bootstrap

Styling patterns for Rasengan.js. An agent skill from rasengan-dev/rasenganjs.

rasengan-dev/rasenganjs

Bulletproof CSS and frontend design principles from "Handcrafted CSS" by Dan Cederholm.

aaddrick/claude-pipeline

Generate complete, accessible colour palettes from a single brand hex.

jezweb/claude-skills

Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment.

first-fluke/oh-my-agent

Set up or run the token build pipeline — transform the DTCG tokens/.json (source of truth) into platform artifacts (CSS variables, Tailwind @theme, JS/TS, iOS Asset Catalog, Android, Compose) with…

plugin87/ux-ui-agent-skills

Create a new Kendo UI theme package from scratch or update an existing theme's design tokens, swatches, and component overrides.

telerik/kendo-themes

Layout and styling in GPUI. An agent skill from StudentWeis/ropy.

StudentWeis/ropy

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify.

instructa/agent-skills

Vue 3 expert skill for writing production-grade code. An agent skill from cigery-useio/useio-skills.

cigery-useio/useio-skills

Migrate a React Native project from NativeWind to Uniwind. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

This skill should be used when the user asks to "create an OpenHands App", "scaffold a Canvas App", "build an app with the Canvas Extensions API", "build an Agent Canvas App", "bundle a single-file…

OpenHands/extensions

Install and configure shadcn/ui components for React projects.

jezweb/claude-skills

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use transform and opacity for animations.

thedaviddias/Front-End-Checklist

A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Use container queries for component-level responsiveness.

thedaviddias/Front-End-Checklist