figma-implement-motion

Devin-AXIS/iPolloWorkFrontend & design

figma-implement-motion is a skill in Devin-AXIS/iPolloWork, last changed 15 Aug 2026. It can reach the network and name web addresses.

From the author
Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions "implement this motion", "add animation from Figma", "animate this component", provides a Figma URL whose node is animated, or when `get_design_context` returns motion data or instructs you to call `get_motion_context`.

At a glance

What it can touch

How much a skill can do, not whether it is risky.

Pattern check

Nothing flagged

That isn't proof the skill is harmless.

Commit 420c185 · 3 Nov 2026

How the check works

Pattern check: nothing flagged

That isn't proof the skill is harmless.

Install

Each tab says whether it installs commit 420c185, the one we checked, or the latest version.

Read SKILL.md first
Licence not identified
Licence
7.4k
Repo stars
Publisher
Files

What it can touch

From the files and frontmatter at commit 420c185. This is how much a skill can do, not whether it is risky.

  • Reaches the network

    It sends or fetches data over the internet, for example with curl, an HTTP library or a package install.

  • Names web addresses

    It mentions outside web addresses the agent may visit. We list them but don't follow them.

    Outside links we did not follow

Pattern check

Pattern check: nothing flagged · commit 420c185 · 3 Nov 2026

We checked every text file in this skill, at commit 420c185 on 3 Nov 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.

How the check worksReport an incorrect finding

  • https://figma.com/design/:fileKey/:fileName?node-id=1-2
  • https://motion.dev
  • https://github.com/catdad/canvas-confetti
  • https://github.com/alampros/react-confetti
  • https://party.js.org/
  • https://particles.js.org/
  • https://splitting.js.org/
  • https://github.com/veltman/flubber

Format check

Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.

  • Agent Skills specPasses with warnings

    The open format from agentskills.io, held to the strictest version of each rule among the agents we check.

    • Warning

      Fields outside the spec: disable-model-invocation (read by Claude Code and VS Code). Uploads to the Claude apps and API, and the spec's validator, reject the file; most agents ignore these fields. O1

      Fix: Delete them for a portable skill, or keep them if you only target the agents that read them.

    • Warning

      The body is about 5,679 tokens (approx.); the spec suggests under 5,000. B2

      Fix: Move detail into reference files that the agent reads only when needed.

    • Warning

      Paths that may not work once the skill is installed: line 23: ../figma-use/SKILL.md (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

    • Note

      There is no license field, so readers can't tell whether they may reuse the skill. O2

      Fix: Add license: with an SPDX name such as MIT or Apache-2.0, or the name of a bundled licence file.

    • Note

      Reference files over 100 lines with no table of contents at the top: references/examples-and-anti-examples.md (223 lines) and references/svg-and-path-motion.md (145 lines). B5

      Fix: Add a short list of the sections at the top of each.

  • Claude CodePasses with warnings

    Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.

    • Warning

      Paths that may not work once the skill is installed: line 23: ../figma-use/SKILL.md (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

    • Note

      The body is about 5,679 tokens (approx.); the spec suggests under 5,000. After compaction Claude Code keeps only the first 5,000 tokens of a skill. B2

      Fix: Move detail into reference files that the agent reads only when needed.

    • Note

      Reference files over 100 lines with no table of contents at the top: references/examples-and-anti-examples.md (223 lines) and references/svg-and-path-motion.md (145 lines). B5

      Fix: Add a short list of the sections at the top of each.

  • Claude apps & API uploadFails

    Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.

    • Error

      Upload and packaging fail on fields outside the spec: disable-model-invocation. O1

      Fix: Delete them, and keep your own data under metadata as text values.

    • Warning

      Paths that may not work once the skill is installed: line 23: ../figma-use/SKILL.md (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

    • Note

      The description is 373 characters. The claude.ai Help Center says 200 at most, though Anthropic's API docs and validator allow 1,024. D4

      Fix: If the claude.ai upload refuses it, trim the description to 200 characters.

    • Note

      The body is about 5,679 tokens (approx.); the spec suggests under 5,000. Anthropic's guidance says the same. B2

      Fix: Move detail into reference files that the agent reads only when needed.

    • Note

      Reference files over 100 lines with no table of contents at the top: references/examples-and-anti-examples.md (223 lines) and references/svg-and-path-motion.md (145 lines). B5

      Fix: Add a short list of the sections at the top of each.

  • OpenAI (Codex & API)Passes with warnings

    Codex finds SKILL.md by its exact name and needs a description; OpenAI's Skills API checks the frontmatter against the spec and caps uploads.

    • Warning

      Fields outside the spec: disable-model-invocation. Codex ignores them; OpenAI doesn't say whether its upload accepts them. O1

      Fix: Delete them, or move your own data under metadata as text values.

    • Warning

      Paths that may not work once the skill is installed: line 23: ../figma-use/SKILL.md (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

  • VS Code & CopilotPasses with warnings

    VS Code reads skills one folder below .github/skills, .claude/skills or .agents/skills and falls back to the folder name when the name is missing or differs; GitHub's Copilot docs require the exact name SKILL.md.

    • Warning

      Paths that may not work once the skill is installed: line 23: ../figma-use/SKILL.md (outside the skill folder). B6

      Fix: Use forward-slash paths relative to SKILL.md, and copy shared files into the skill.

SKILL.md

We only show SKILL.md text here when its licence clearly allows it.

Read SKILL.md on GitHub (opens in a new tab)

Files

More from Devin-AXIS/iPolloWork

SkillWhat it can touchPattern checkLicenceUpdated
acme-researchSearch and summarize material from the Acme research service.
  • Instructions only

Pattern check: Nothing flaggedNo licenceUpdated 15 Aug 2026

  • Instructions only
Pattern check: Nothing flaggedNo licence15 Aug 2026
  • Instructions only
Pattern check: Nothing flaggedNo licence15 Aug 2026
  • Instructions only
Pattern check: Nothing flaggedNo licence15 Aug 2026
  • Runs shell commands
  • Reaches the network
  • +1 more
Pattern check: Nothing flaggedNo licence15 Aug 2026
  • Instructions only
Pattern check: Nothing flaggedNo licence15 Aug 2026
figma-design-to-codeUse this skill when implementing a Figma design as code (design → code) — the read-FROM-Figma direction. Triggers: 'implement this Figma design', 'build this screen from Figma', 'turn this Figma into code', 'code this up from Figma', 'design to code', or a figma.com design URL provided alongside a codebase. Encodes the workflow for reading a node out of Figma with get_design_context and adapting its reference output to the target project — reusing existing components, tokens, and conventions, and honoring Code Connect mappings, component docs, design annotations, and design tokens by priority. Complements figma-code-connect (component mapping) and figma-generate-design / figma-use (the reverse, code → design direction).
  • Instructions only

Pattern check: Nothing flaggedNo licenceUpdated 15 Aug 2026

  • Instructions only
Pattern check: Nothing flaggedNo licence15 Aug 2026
All skills in Devin-AXIS/iPolloWork

Other Frontend & design skills

Same category, most repo stars first.

SkillWhat it can touchPattern checkLicenceUpdated
  • Names web addresses
Pattern check: Nothing flaggedMIT27 Sept 2026
  • Instructions only
Pattern check: Nothing flaggedMIT11 Aug 2026
  • Names web addresses
  • Bundles scripts
Pattern check: Nothing flaggedApache 2.020 Apr 2026
  • Names web addresses
Pattern check: Nothing flaggedApache 2.020 Apr 2026
  • Changes agent settings
  • Runs shell commands
  • +3 more
Pattern check: 1 item to reviewMIT2 Nov 2026
design-htmlDesign finalization: generates production-quality Pretext-native HTML/CSS. (gstack)

garrytan/gstack

  • Runs shell commands
  • +4 more

Pattern check: 1 item to reviewMITUpdated 2 Nov 2026

  • Runs shell commands
  • Reaches the network
  • +3 more
Pattern check: 1 item to reviewMIT2 Nov 2026

Repo facts from GitHub on 3 Nov 2026. Files read at commit 420c185.

QAI did not write these skills and is not affiliated with their authors unless a page says so. Logos and icons belong to their owners and are not a mark of approval. How we check