More screenshots
Works with the AI Agents you already use
CSS Craft (Frontend Craft Pack)
Writes and audits modern, token-driven CSS (and Tailwind config, React Native StyleSheet or Qt QSS), with an audit mode for common red flags.
Free
About this skill
Writes and audits modern, token-driven, maintainable CSS and stack equivalents (Tailwind config, React Native StyleSheet, Qt QSS). It uses design tokens instead of raw hex, Grid/Flexbox/container queries with gap, mobile-first breakpoints, a disciplined cascade, performance features (contain, content-visibility), and accessibility in styles (visible focus, reduced motion, non-color status signals, touch targets, readable font sizes). Audit mode flags removed focus outlines, max-width queries, deep selectors, !important, missing reduced-motion overrides and raw colors.
Use when writing or editing styles, building responsive layouts, setting up design tokens or dark mode, or reviewing CSS quality before shipping, or says "audit my stylesheets".
Works in Claude Code, Codex, Gemini CLI, Cursor and Copilot. Live-tested on Claude Code, Codex and Gemini CLI (eval grade A). Part of Frontend Craft Pack by Abiodun Anifowose, where it works alongside the pack's other skills. Free under the MIT licence.
How to use
- 1
Connect your agent to the Agensi MCP
Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup
- 2
Sign in to Agensi
Your agent shows a sign-in link. Sign in and click Allow.
- 3
Ask for what you need
Your agent loads this skill and uses it on your task. It always asks before any payment.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill goes through the trust checks below.
Security scanned
Checked by our 8-point scan before listing
1 use
Times used to date
Free forever
No account required to browse
Trust & safety
Security scan
Security scan passed 4 days ago
- Free with an Agensi account
Requires