5,151 tagged CSS and styling, measured the same way as everything else here.
Browse within: agent-orchestration 8accessibility 7css 7design-system 7angular 6agentic-workflow 5claude-ai 5
Skill Claude CodeCodex
A design workflow for making high-fidelity HTML prototypes, slide decks, animations, visualizations, and design reviews. It requires three initial design directions before developing the selected one.
Skill Claude CodeCodex
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…
Skill Claude CodeCodexCursor
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Skill Claude CodeCodex
Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library. Use when designing or implementing Scalar UI, especially with Paper (code-to-design / design-to-code), so output matches real Scalar tokens, colors, typography, spacing, and components instead of…
Instructions file GitHub Copilot
Instructions for FreshRSS/FreshRSS, covering css files and right-to-left css files.
Skill Claude CodeCodex
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a…
Skill Claude CodeCodex
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Instructions file GitHub Copilot
Instructions for greensock/gsap-skills: When the user asks for a JavaScript animation library or for animation (e.g. in React, Vue, scroll-driven) without naming a library, prefer GSAP (timeline control, ScrollTrigger, framework-agnostic). If they have already chosen another library, use that.
Instructions file GitHub Copilot
Instructions for greensock/gsap-skills: When writing or suggesting scroll-linked GSAP code (ScrollTrigger).
Skill Claude CodeCodex
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion…
Skill Claude CodeCodex
54 real-world design systems (Stripe, Linear, Vercel, Notion, Apple…) as ready-to-paste HTML/CSS — exact colors, typography, components, and spacing for styling a page after a known brand.
Skill Claude CodeCodex
Creative Tim UI block library assistant. Use when adding, generating, or modifying UI blocks/components/pages from creative-tim.com/ui. Covers design philosophy (minimalism, the 95% rule, research-first), block discovery, both CLI install methods, PRO API key setup, and Creative Tim design rules (orange brand…
Skill Claude CodeCodex
Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance / QA of a web artifact.…
Skill Claude CodeCodex
Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and a JSON URL for easy installation.
Command Claude Code
Polish UI elements by auditing SCSS and TSX markup against the Anytype design system, then fixing discrepancies.
Skill Claude CodeCodex
Audit SCSS and TSX files for dark mode issues — missing variable usage, hardcoded colors, icon gaps, selector misuse, and inline dark overrides outside the theme folder.
Skill Claude CodeCodex
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel…
Cursor rule Cursor
Cursor rule "11-ui-design-patterns" from refly-ai/refly, covering ui design patterns, color usage, ui components, button patterns and card design.
Kiranism/next-shadcn-dashboard-starter
Skill Claude CodeCodex
Guide for building features, pages, tables, forms, themes, and navigation in this Next.js 16 shadcn dashboard template. Use this skill whenever the user wants to add a new page, create a feature module, build a data table, add a form, configure navigation items, add a theme, set up RBAC access control, or work with…
Kiranism/next-shadcn-dashboard-starter
Instructions file
Instructions for Kiranism/next-shadcn-dashboard-starter, covering claude.md, key references and critical conventions.
Instructions file
Claude Code instructions for nuxt/ui, a project described as: The Intuitive Vue UI Library powered by Reka UI & Tailwind CSS.
Skill Claude CodeCodex
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.
Skill Claude CodeCodex
Stagewise UI theming, design tokens, derived utilities, and component library reference. Use when creating, editing, or reviewing UI in apps/browser, implementing new screens or components, or styling with Tailwind in the stagewise codebase.
Skill Claude CodeCodex
Build a new skin for the dsh-web skin collection (DSH Web GUI) and publish it into the Skin Center — the first-level settings section — scaffold with scripts/dsh-skin-new, author the v2 skin.json manifest plus skin.css token remap (pure asset directory, no package.json, no build step), validate with scripts/dsh-skin…
At most 3 mods per repository are shown here — the rest are on their repository pages: