How do I install the CSS Craftsman skill?

Run npx skillmds@latest add futurejj/css-craftsman 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.

Is CSS Craftsman safe to use?

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 Craftsman?

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.

Is CSS Craftsman free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published CSS Craftsman?

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

CSS Craftsman

Name: CSS Craftsman
Author: FutureJJ

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.

FutureJJ 1829bdc 3 files · 1.7 KB Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add futurejj/css-craftsman

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

Download .zip

＋ Add to collection

README badge

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

Trust & safety

Audits pending

Not yet audited · commit 1829bdc

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

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

FutureJJ/claude-skills/tree/main/skills/css-craftsman commit 1829bdc4df

Frequently asked questions

npx skillmds@latest add futurejj/css-craftsman