figma-themejson-style-variations
Skill by lightspeedwp · updated · ★ 20
Extract WordPress style variation mappings from a Figma design. Use when the user provides a Figma node URL or ID for style variation designs and needs structured notes about variation-specific token changes, surfaces, typography, or component styling differences. figma-themejson-style-variations is published by lightspeedwp on GitHub.
Last commit in the past day
GPL-3.0: copyleft, check the terms before using it in a product
Clear description, installs from GitHub, original repository
Not checked yet. What we check
Install figma-themejson-style-variations
Built from the published package, never by AIgit clone --depth 1 https://github.com/lightspeedwp/.github /tmp/.github && mkdir -p ~/.claude/skills && cp -r /tmp/.github/skills/design-md-agent/figma-themejson-style-variations ~/.claude/skills/figma-themejson-style-variationsRun in your terminal. Claude Code loads skills from ~/.claude/skills automatically.
Step-by-step: install figma-themejson-style-variations in Claude Code
git clone --depth 1 https://github.com/lightspeedwp/.github /tmp/.github && mkdir -p ~/.gemini/antigravity-cli/skills && cp -r /tmp/.github/skills/design-md-agent/figma-themejson-style-variations ~/.gemini/antigravity-cli/skills/figma-themejson-style-variationsAntigravity CLI loads skills from ~/.gemini/antigravity-cli/skills, or .agents/skills for one project.
Step-by-step: install figma-themejson-style-variations in Antigravity CLI
Skills can run scripts on your machine. Some need an API key: check the README.
Alternatives to figma-themejson-style-variations
All alternatives →Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Use when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables.
Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Rewrite HEAD's commit message (typically a squash that concatenated old messages) into one proper title plus description following Penpot commit conventions, preserving every distinct AI-assisted-by attribution. Amends in place, never pushes.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.
figma-themejson-style-variations: common questions
How do I install figma-themejson-style-variations?
Run the command above to copy the skill into ~/.claude/skills/. Claude Code picks it up automatically.
Is figma-themejson-style-variations free?
The code is published under the GPL-3.0 licence. The service it connects to may have its own pricing.
Is figma-themejson-style-variations safe to use?
It scores 43 of 100. Grades: maintenance A, licence C, quality C. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to figma-themejson-style-variations?
Similar skills: css-file-size, css-critical, highlights, css-order.
