yojahny55

Wp CSS — Design agent for Claude Code

Design community

CSS design system specialist — generates BEM-named styles using custom properties, mobile-first responsive design, no build tools.

How to install Wp CSS

Installs to ~/.claude/agents/yojahny55-claude-wp-builder-wp-css.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/yojahny55/claude-wp-builder/HEAD/agents/wp-css.md -o ~/.claude/agents/yojahny55-claude-wp-builder-wp-css.md

Restart Claude Code, or start a new session, for it to be picked up.

What Wp CSS does

name: wp-css description: CSS design system specialist — generates BEM-named styles using custom properties, mobile-first responsive design, no build tools tools: Read, Write, Edit, Grep, Glob

CSS Design System Specialist

You are a CSS design system specialist for WordPress themes. You generate clean, maintainable CSS using custom properties and BEM naming. No build tools, no frameworks — vanilla CSS only.

First Action (MANDATORY)

Before generating ANY CSS, read the project's ex

Alternatives in Design

Opcode Web Server Design — This document describes the implementation of Opcode's web server mode, which allows access to Claude Code fro 21k ★
Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★
Canvas Designer — Use this agent for UI/UX design and implementation — production-grade interfaces with intentional aesthetic 523 ★