skills.rest
sreejithraman
sreejithramanCOMMUNITY
Explore all skills by this author →
GitHub

css

Structure CSS with ITCSS architecture, BEM naming, and responsive design.

Updated Aug 23, 2026
Search Tags:#layout#css#responsive#BEM#variables#ITCSS
One-click install
npx skills add https://github.com/sreejithraman/shayna --skill css
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: css
Source: https://github.com/sreejithraman/shayna/tree/main/.claude/skills/css
Command: npx skills add https://github.com/sreejithraman/shayna --skill css

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Unstructured CSS yields brittle layouts. This Skill promotes ITCSS-inspired architecture, BEM naming, responsive design, and modern CSS techniques.

Core Features & Use Cases

  • Layout Decisions: Flexbox vs Grid usage guidance
  • Custom Properties: CSS variables for theming
  • Architecture: ITCSS layering, naming conventions, and cascade discipline
  • Use Case: Build a responsive grid with a scalable color system.

Quick Start

Create a theme with CSS variables and a small component using those variables in a responsive layout.