44 tagged css, measured the same way as everything else here.
Browse within: design-system 20design-tokens 14divi 8elegant-themes 8accessibility 5code-validation 5component-library 5design-audit 5
Command
Generate a full editorial brand-guidelines book for any URL. 14 chapters covering brand essence/archetype, colour, typography, spacing, shape, iconography, motion, components, voice, accessibility, tokens, and how-to-use guidance. Print-ready, dark-mode toggle, hand-off-ready single HTML.
Command
Fuse two extracted designs into a single hybrid identity. Pick which axis (colour, typography, spacing, shape, motion, voice, components) comes from which site. Defaults to "visual A × voice B" — same colours/spacing as the first URL, type/voice/components from the second.
Command
Recolour an extracted site's design around a new brand primary. OKLCH hue rotation preserves perceptual lightness — neutrals, type, spacing, and motion stay untouched. Side-by-side HTML preview + recoloured tokens (DTCG, Tailwind, shadcn, Figma).
Command Claude Code
MCP-first cross-validated code intelligence across dependency graphs.
Command Claude Code
You are an expert in prompt engineering, specializing in optimizing AI code assistant instructions. Your task is to analyze and improve the instructions for Claude Code found in u/CLAUDE.md. Follow these steps carefully.
Command
Perform a comprehensive CSS audit across all project files. Scores overall Divi 5 compatibility, identifies patterns and anti-patterns, and produces an actionable improvement report with prioritized fixes.
Command
Check that a Divi 5 page works across device sizes (small phones, iPhones, tablets, laptops, widescreen, ultrawide). Uses live viewport testing via a browser MCP server (Chrome DevTools or Playwright) when one is available; falls back to static CSS analysis when not.
Command
Generate complete Divi 5 page section templates (hero, pricing, testimonials, FAQ, CTA, etc.) with best-practice CSS, responsive design, and accessibility baked in.
ofershap/tailwind-best-practices
Command
Audit the current codebase for Tailwind CSS v4 best practice violations.
Command
Run an accessibility-only audit — focus indicators, skip links, alt text, prefers-reduced-motion, WCAG contrast. Scoped variant of /ui-ux-suite:audit.
Command
Run a full UI/UX design audit on the current project. Scores 12 dimensions and produces a markdown report with prioritized findings.
Command
Run a color-only design audit — contrast, near-duplicates, dark mode, semantic coverage. Scoped variant of /ui-ux-suite:audit.
Command Claude Code
A command that examines edits made with VisBug and transfers them into a project's CSS or other styles. VisBug is a browser tool for inspecting and editing web pages.
Command Cursor
A command that starts the VisBug Bridge and lets you choose a project to record. VisBug is a browser tool for inspecting and editing web pages visually.
Command Cursor
A command for safely updating VisBug MCP to its latest GitHub version. VisBug MCP is a connection that lets an agent work with VisBug, a browser tool for inspecting and editing web pages.
Command Claude Code
Generate a marketing poster.
Command Claude Code
Remove background from an image.
Command Claude Code
Set up Poster Maker for first use.
Command
Reviews commits for bug introduction and verifies audit finding remediation.
Command Claude Code
Capture design patterns, tokens, or decisions to Subcog memory.
Command Claude Code
Initialize aesth skill with Subcog context. Loads design system for current project.
Command Claude Code
Show current design system state from Subcog including direction, tokens, patterns, and decisions.
XINGANLIU/design-system-generator-skill
Command Claude Code
Command "design-system" from XINGANLIU/design-system-generator-skill, covering design system generator — claude code command, usage: /design-system [font-family] [style] and example: /design-system #6366f1 "outfit" rounded.