figma-to-weaverse SKILL.md skillA

figma-to-weaverse from weaverse/shopify-hydrogen-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add weaverse/shopify-hydrogen-skills/figma-to-weaverse@git:20261012.d119df4

Pins git:20261012.d119df4 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
weaverse/shopify-hydrogen-skills
Path
skills/figma-to-weaverse/SKILL.md
Versions recorded
5
Latest version
git:20261012.d119df4, committed Oct 12, 2026
First version recorded
Jun 18, 2026
Size
18,792 bytes
Repository stars
93
License
none declared

Use when recreating a Figma design as Hydrogen + Weaverse pages in this repo — turning a Figma file, frame, or flow into reusable Weaverse sections. Triggers on a figma.com URL, "build this design", "implement this Figma", or "create the storefront from the design". The Figma counterpart of cloning-websites-to-weaverse.

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

# Figma to Weaverse

Turn a Figma design into maintainable Weaverse pages. This is the **Figma input adapter** — the sibling of `cloning-websites-to-weaverse`, but the source is a Figma file instead of a live URL. Both adapters converge on the same downstream skill, `generating-weaverse-project-json`.

```
Figma file / frame ─→ figma-to-weaverse ─→ generating-weaverse-project-json ─→ import / content API
   (Figma MCP)        (tokens + manifest + preview)        (project JSON)
```

The two adapters share the same downstream rules. Section matching, deep schema verification, the content manifest, the clone preview route, and the brand-guideline conflict rule are **identical** to `cloning-websites-to-weaverse` — read that skill for the full matching logic. This skill only replaces the **extraction layer** (Figma MCP instead of Firecrawl) and adds Figma-specific gotchas.

## When to Use

- A figma.com URL (file, frame, or selection) is the source of a page or storefront
- "Implement this design in Weaverse", "build the homepage from Figma"
- Multi-frame flows that map to multiple Weaverse pages
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add weaverse/shopify-hydrogen-skills/figma-to-weaverse@sha256:2dbb112a45ee592f

The line at the top of this page pins the label git:20261012.d119df4, 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 badge

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

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

Versions

The registry has recorded 5 versions of this file, between Jun 18, 2026 and Oct 12, 2026, about one every 29 days.

versioncommittedcommitsizeaudit
git:20261012.d119df4 latest2026-10-12 d119df4 18,792 BA view · diff
git:20261002.f1579b12026-10-02 f1579b1 15,756 BA view · diff
git:20261002.20800532026-10-02 2080053 15,718 BA view · diff
git:20261002.dd70c0a2026-10-02 dd70c0a 13,941 BA view · diff
git:20260618.e1d57b12026-06-18 e1d57b1 9,151 BA 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 (18792 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

weaverse/shopify-hydrogen-skills · 93 stars · license none declared · pushed 2026-10-12 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_33kjqhblbcimifk7
GET https://markdownregistry.com/api/v1/resolve?ref=weaverse/shopify-hydrogen-skills/figma-to-weaverse
GET https://markdownregistry.com/api/v1/blob/2dbb112a45ee592f67ba7a99090472e17dac04db39d5faf0985c40791863746f

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 weaverse/shopify-hydrogen-skills

.cursorrules Cursor rule
weaverse/shopify-hydrogen-skills · .cursorrules · Skills for building, upgrading, and maintaining Shopify Hydrogen storefronts — includes core Hydrogen patterns…
git:20261012.d119df4 · audit A · 93 stars
AGENTS.md AGENTS.md file
weaverse/shopify-hydrogen-skills · AGENTS.md
git:20261002.2080053 · audit A · 93 stars
cloning-websites-to-weaverse SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/cloning-websites-to-weaverse/SKILL.md · Use when recreating a reference website or brand hub in this Hydrogen plus Weaverse repo, especially when deciding…
git:20261002.dd70c0a · audit A · 93 stars
generating-weaverse-project-json SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/generating-weaverse-project-json/SKILL.md · Use when generating Weaverse project export JSON for import into the Weaverse editor. Triggers on requests to create…
git:20261002.dd70c0a · audit A · 93 stars
hydrogen-analytics-tracking SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/hydrogen-analytics-tracking/SKILL.md · End-to-end analytics & conversion tracking on Shopify Hydrogen — GTM, GA4 (browser + Measurement Protocol), Meta Pixel…
git:20260910.5c66415 · audit B · 93 stars
hydrogen-cookbooks SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/hydrogen-cookbooks/SKILL.md · Step-by-step implementation guides for building features in a Shopify Hydrogen storefront — bundles, combined listings…
git:20260910.5c66415 · audit A · 93 stars
hydrogen-markets-localization SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/hydrogen-markets-localization/SKILL.md · Implement or review Shopify Hydrogen market localization — use when adding markets, locale routes, translations…
git:20260910.5c66415 · audit A · 93 stars
hydrogen-upgrades SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/hydrogen-upgrades/SKILL.md · Step-by-step guides for upgrading Shopify Hydrogen between versions — breaking changes, code diffs, and migration steps…
git:20261008.02cfdb6 · audit A · 93 stars
setup-weaverse-project SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/setup-weaverse-project/SKILL.md · Set up a new Weaverse Hydrogen storefront locally from a Weaverse theme. Boot a live demo-store preview before asking…
git:20261004.232542f · audit A · 93 stars
shopify-hydrogen SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/shopify-hydrogen/SKILL.md · Core Shopify Hydrogen APIs — createHydrogenContext, cart handler, CartForm, caching strategies, pagination, SEO…
git:20260910.6db3cb0 · audit A · 93 stars
theme-update SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/theme-update/SKILL.md · Safely update a Weaverse Pilot theme to the latest version — detects current version, fetches release diffs, plans…
git:20260614.c06aaf7 · audit A · 93 stars
weaverse-content-api SKILL.md skill
weaverse/shopify-hydrogen-skills · skills/weaverse-content-api/SKILL.md · Use when reading or updating live Weaverse content programmatically — pulling projects/pages/theme settings…
git:20261008.fa21236 · audit A · 93 stars

Every file in weaverse/shopify-hydrogen-skills

Browse by kind, by grade A, or by owner.