Skills
.Work. You
Rest

frontend-css-patterns

Community

Framework-agnostic CSS patterns for crisp UI.

Design & Creative#typography#layout#tailwind#color#design-system#motion#css-patterns
Authorwpgaurav
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Framework-agnostic CSS pattern library for typography, color, motion, and spatial composition that helps teams maintain visual consistency across projects.

Core Features & Use Cases

  • Typography tokens and scalable type system for consistent headings and body text.
  • Color tokens and theme definitions to support accessible, high-contrast UI.
  • Motion patterns that emphasize meaningful transitions without overuse.
  • Spatial composition guidelines and utility patterns for layout and composition.
  • Tailwind customization guidance to fit within existing design systems.

Quick Start

Import the provided CSS patterns into your project and start applying the typography, color, motion, and spacing tokens to your UI.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-css-patterns
Download link: https://github.com/wpgaurav/WordPress-skills/archive/main.zip#frontend-css-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.