Home / devin-axis / ipollowork · GitHub

figma-generate-design SKILL.md skillA

figma-generate-design from devin-axis/ipollowork is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned

mdr add devin-axis/ipollowork/figma-generate-design@git:20260815.feed082

Pins git:20260815.feed082 in mdr.lock. Pin the fingerprint instead.

Audit grade: A, 17 of 17 checks passed
Kind: SKILL.md skill
Repository: devin-axis/ipollowork
Path: examples/plugin-packages/figma/skills/figma-generate-design/SKILL.md
Versions recorded: 1
Latest version: git:20260815.feed082, committed Aug 15, 2026
Size: 33,206 bytes
Repository stars: 7,432
License: a license file GitHub does not identify

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Build / Update Screens and Views from Design System

Use this skill to create or update **screens, views, and multi-section UI containers** in Figma by **reusing the published design system** — components, variables, and styles — rather than drawing primitives with hardcoded values. This includes full pages, modals, dialogs, drawers, sidebars, panels, and any composed view with multiple sections. The key insight: the Figma file likely has a published design system with components, color/spacing variables, and text/effect styles that correspond to the codebase's UI components and tokens. Find and use those instead of drawing boxes with hex colors.

**MANDATORY**: You MUST also load [figma-use](../figma-use/SKILL.md) before any `use_figma` call. That skill contains critical rules (color ranges, font loading, etc.) that apply to every script you write.

**Always include `figma-generate-design` in the comma-separated `skillNames` parameter when calling `use_figma` as part of this skill. If this skill was loaded via an MCP resource, you MUST prefix the name with `resource:` (e.g. `resource:figma-generate-design`).** This is a logging parameter — it does not affect execution.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint

mdr add devin-axis/ipollowork/figma-generate-design@sha256:7d07e4f4f8fec701

The line at the top of this page pins the label git:20260815.feed082, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

[![mdr](https://markdownregistry.com/badge/art_iphgcz73nrx7qrj3.svg)](https://markdownregistry.com/a/art_iphgcz73nrx7qrj3)

4 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Aug 15, 2026.

version	committed	commit	size	audit
git:20260815.feed082 latest	2026-08-15	feed082	33,206 B	A	view

Audit of the latest version

A 17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.

pass: Frontmatter block present
pass: Frontmatter declares a name
pass: Frontmatter declares a description
pass: Size between 200 bytes and 200 KB (33206 bytes)
pass: No zero-width or bidi control characters
pass: No instruction hidden inside an HTML comment
pass: No link to an exfiltration or paste host
pass: No credential-shaped string
pass: No instruction to send local credentials anywhere
pass: No text hidden with inline styles
pass: No prompt-injection phrasing
pass: No curl or wget piped into a shell
pass: No recursive delete of root, home or parent
pass: No instruction to read or print local credentials
pass: No base64 blob over 200 characters
pass: No link to a raw IP address
pass: No script tag

Source

GitHub

devin-axis/ipollowork · 7,432 stars · license a license file GitHub does not identify · pushed 2026-11-08 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_iphgcz73nrx7qrj3
GET https://markdownregistry.com/api/v1/resolve?ref=devin-axis/ipollowork/figma-generate-design
GET https://markdownregistry.com/api/v1/blob/7d07e4f4f8fec7012cd82ab7b9e0e062595cf7dbc42fd5e3c7d2be19490d965c

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from devin-axis/ipollowork

hyperframes-animation SKILL.md skill

devin-axis/ipollowork · .agents/skills/hyperframes-animation/SKILL.md · Create deterministic animation and transitions for the active iPollo Video project.