anima-hello-world
Generate React/Vue/HTML code from a Figma design using the Anima SDK. Use when testing design-to-code conversion, learning Anima''s code output format, or building your first automated design-to-code pipeline. "figma to code", "anima generate code". '
npx skills add jeremylongshore/claude-code-plugins-plus-skills --skill anima-hello-world --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Anima Hello World ## Overview Generate production-ready React, Vue, or HTML code from a Figma design using the `@animaapp/anima-sdk`. This example converts a Figma component into clean TypeScript React with Tailwind CSS. ## Prerequisites - Completed `anima-install-auth` setup - A Figma file with at least one frame/component - Know your file key and node ID ## Instructions ### Step 1: Generate Re
What does the anima-hello-world skill do?
Generate React/Vue/HTML code from a Figma design using the Anima SDK. Use when testing design-to-code conversion, learning Anima''s code output format, or building your first automated design-to-code pipeline. "figma to code", "anima generate code". '
How do I install it?
Run `npx skills add jeremylongshore/claude-code-plugins-plus-skills --skill anima-hello-world --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From jeremylongshore/claude-code-plugins-plus-skills, a repository with 2,596 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.