How do I install the CSS skill?

Run npx skillmds@latest add dhaupin/css in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the CSS skill do?

Styling language. It is listed under Web & Frontend on SkillMD.

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with CSS?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

dhaupin (@dhaupin) published this skill. Their other Agent Skills are listed on their SkillMD profile.

CSS

Name: CSS
Author: dhaupin

Styling language.

dhaupin 926986a 818 B Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add dhaupin/css

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/dhaupin/css.svg)](https://skillmd.com/skills/dhaupin/css)

Trust & safety

Audits pending

Not yet audited · commit 926986a

License: MIT
Works with: Claude Code Claude.ai OpenAI Codex +

File contents

CSS

Styling language.

When To Use

Styling web pages
Layouts
Animations

What To Do

1. Syntax

selector {
  property: value;
  property: value;
}

/* Comment */

2. Properties

Property	What
color	Text color
background	Background
margin/padding	Spacing
display	Layout
position	Placement

3. Selectors

.element       /* element */
.class         /* class */
#id            /* id */
parent child   /* descendant */
parent > child /* child */

4. Flexbox/Grid

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

Role: CSS Developer
Input: Styles
Output: Visuals

Style.

dhaupin/vant/tree/main/models/public/skills/vant-skill-css commit 926986a836

Frequently asked questions

npx skillmds@latest add dhaupin/css

CSS