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.

candeploys/claude-skills1 installsMITSynced Aug 26

Works with

Claude CodeCursorCodex CLIGitHub CopilotGemini CLI
---
name: css-craftsman
description: 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.
license: MIT
---

# 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 |

More Architecture skills

← All Architecture skills

Check your AI visibility

One URL in, a 0–100 score and the exact fixes out.

RUN THE CHECK

Browse all the tools

15 tools across six categories
13 of them never send your data anywhere

Free · No signup · No trial clock

SEE THE DIRECTORY