Architecture
Real file from a public repo · synced Aug 26, 2026
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.
Works with
Claude CodeCursorCodex CLIGitHub CopilotGemini CLI
Install in three steps
- 1
Download the ZIP
One file per agent, plus INSTALL.md with the exact paths below.
- 2
Claude Code: copy SKILL.md into your skills folder
.claude/skills/css-craftsman/SKILL.md # this project ~/.claude/skills/css-craftsman/SKILL.md # every project
- 3
Other agents: use the matching file
skill.mdc goes in Cursor’s .cursor/rules/. AGENTS.md works as GitHub Copilot instructions, a legacy .cursorrules, or a Codex / Gemini CLI instructions file.
More Architecture skills
All Architecture skills
architecture-decision-recordswshobson/agentsWrite and maintain Architecture Decision Records (ADRs) following best practices for technical decision documentation. Use when documenting significant technical decisions, reviewing past architectural choices, or establishing decision processes.Architecture15.8kmicroservices-patternswshobson/agentsDesign microservices architectures with service boundaries, event-driven communication, and resilience patterns. Use when building distributed systems, decomposing monoliths, or implementing microservices.Architecture11.6k
clickhouse-architecture-advisorclickhouse/agent-skillsMUST USE when designing ClickHouse architectures, selecting between ingestion or modeling patterns, or translating best practices into workload-specific system designs. Complements clickhouse-best-practices with decision frameworks and explicit provenance labels.Architecture7.8k
