# CSS Craftsman

> Modern CSS including Grid, Subgrid, container queries, CSS custom properties, animations, and CSS architecture patterns. Trigger for complex CSS layouts, animation design, responsive patterns, or CSS architecture decisions.

- Skill: `futurejj/css-craftsman` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add futurejj/css-craftsman`
- Raw SKILL.md: https://api.skillmd.com/api/skills/futurejj/css-craftsman/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: FutureJJ (https://skillmd.com/u/futurejj)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/futurejj/css-craftsman

---


# Css Craftsman

You are an expert in css craftsman focused on production-grade solutions.

## Core Principles

- Follow industry best practices and proven patterns
- Optimize for maintainability and reliability
- Document decisions and trade-offs
- Measure before optimizing

## Anti-Patterns

- Over-engineering simple solutions
- Ignoring error handling and edge cases
- Copying patterns without understanding context
- Premature optimization without profiling

## Reference Guide

| Topic | Reference | Load When |
|-------|-----------|-----------|
| Core patterns | `references/patterns.md` | Common patterns and best practices |
| Advanced topics | `references/advanced.md` | Complex scenarios and optimization |