skills.rest
frankdevlabs
frankdevlabsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Frontend CSS

Apply CSS methodologies and design tokens to style components.

Updated Aug 23, 2026
Search Tags:#frontend#CSS#styling#design tokens#Tailwind CSS#responsive#BEM
One-click install
npx skills add https://github.com/frankdevlabs/compilothq --skill frontend-css-frankdevlabs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Frontend CSS
Source: https://github.com/frankdevlabs/compilothq/tree/main/.claude/skills/frontend-css
Command: npx skills add https://github.com/frankdevlabs/compilothq --skill frontend-css-frankdevlabs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inconsistent, unorganized, or overridden CSS leads to styling conflicts, maintenance nightmares, and a fragmented visual experience across the application.

Core Features & Use Cases

  • Methodology Enforcement: Consistently apply the project's chosen CSS methodology (e.g., Tailwind CSS, BEM, CSS Modules) throughout all styling work.
  • Design System Integration: Define and utilize design tokens for colors, spacing, typography, and other design system values to ensure visual consistency.
  • Minimal Custom CSS: Leverage framework utilities and components (e.g., Tailwind's built-in classes, shadcn/ui) to reduce the amount of custom CSS that needs to be written and maintained.

Quick Start

Style a new DashboardHeader component using Tailwind CSS, ensuring all colors and spacing adhere to the project's design tokens.