Griffin Wooldridge
@griffin-wooldridge
Griffin Wooldridge — curated by the AgentVolt team from a public source. Skill content is a summary; every skill links back to the original creator.
View Griffin Wooldridge's landing →Skills
UI Polish Slash Commands
Add 20 plus verb-first commands like /polish, /quieter, /bolder, /delight, /critique to any Claude Code UI project.
Motion Polish Pass
Add Emil Kowalski-style animation and micro-interaction guidance to any Claude Code UI pass.
Product UI Spec Memory
Store spacing grids, palettes, depth strategy, and patterns in a system.md so Claude never forgets them between sessions.
Web UI Accessibility Audit
Run any web page or component through 100 established rules covering accessibility, layout, semantics, and performance.
Interaction Timing Enforcer
Peer-review UI code against animation timing, touch-target size, and forgiveness-pattern rules.
Brand Guidelines Enforcer
Encode your brand rules (hex codes, fonts, spacing, logo usage, tone) once so Claude enforces them across every artifact it generates.
Theme Factory
Ten pre-built professional themes (curated color palette plus paired fonts) applied consistently across slides, docs, web pages, dashboards, or any artifact Claude generates.
Figma to Code (Implement Design)
Translate a Figma URL into production-ready code with one-to-one visual fidelity using the Figma MCP server, mapped to your project's component conventions.
ShadCN Project-Aware Generator
Read your ShadCN setup and generate components that use current names, patterns, and your installed variants.
Frontend Design (Anti-AI-Slop UI Generator)
Design UI that avoids AI slop by forcing Claude through a design thinking pass on purpose, tone, constraints, and differentiation before writing any code.
Design System Assembler
Query a curated catalog of styles, palettes, font pairings, and UX rules and assemble a stack-specific design system before any code is written.
Canvas Design (Posters, Graphics, Static Art)
Create posters, graphics, and static design pieces as real PNG and PDF files using a two-step design-philosophy-then-execute process.
Skill Creator (Build Your Own Skill)
Interview-driven skill authoring: describe what you want, answer edge-case questions, get a drafted SKILL.md plus test prompts you can iterate on.
Extract Design System
Scrapes any public website and reverse-engineers it into a real, reusable design token system (colors, type, spacing) instead of a one-off screenshot clone.