flutter-ui SKILL.md skillA

flutter-ui from datit309/supergraph is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add datit309/supergraph/flutter-ui@git:20260827.127da4c

Pins git:20260827.127da4c in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
datit309/supergraph
Path
plugins/supergraph/skills/flutter-ui/SKILL.md
Versions recorded
3
Latest version
git:20260827.127da4c, committed Aug 27, 2026
First version recorded
Jun 19, 2026
Size
6,237 bytes
Repository stars
21
License
MIT

Build Flutter UI from Figma MCP or image input. Scans src for design tokens (colors, sizes, text styles), existing components, and naming conventions before writing a single line of code. Never hard-codes values.

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

# /supergraph:flutter-ui

Build pixel-faithful Flutter UI grounded in the project's own design system.

Announce: "🎨 /supergraph:flutter-ui — scanning project design system..."

## Input modes

- **Figma MCP** — user provides a Figma URL or node ID
- **Image** — user provides a screenshot or design image

Figma URL: extract `fileKey` (after `/design/`) and `nodeId` (`node-id` param, replace `-` with `:`).

---

## Step 1 — Scan project design system

### 1a. Locate token files (prefer ripgrep, fallback to codebase-memory)

```bash
# Prefer ripgrep — 10-20x faster than find|xargs grep; single pass covers all token types
rg --type dart --type yaml -l "Color|Colors\.|TextStyle|fontSize|FontWeight|EdgeInsets|Radius|ThemeData|colorScheme" | grep -iE "color|theme|token|palette|constant|style|text|typo|font|dimen|size|spacing|radius" | head -20
# Fallback if rg not available: codebase-memory search_graph(project=CBM_PROJECT, query="Color TextStyle EdgeInsets") or serena get_symbols_overview
find . \( -name "theme" -o -name "themes" \) -type d | head -10
```

### 1b. Extract token registry

Read identified files and extract:
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add datit309/supergraph/flutter-ui@sha256:3b96ce18b6b1124f

The line at the top of this page pins the label git:20260827.127da4c, 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_l4mvwqmvexeciv7s.svg)](https://markdownregistry.com/a/art_l4mvwqmvexeciv7s)

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

Versions

The registry has recorded 3 versions of this file, between Jun 19, 2026 and Aug 27, 2026, about one every 34 days.

versioncommittedcommitsizeaudit
git:20260827.127da4c latest2026-08-27 127da4c 6,237 BA view · diff
git:20260630.82993932026-06-30 8299393 6,109 BA view · diff
git:20260619.fbff1162026-06-19 fbff116 14,053 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 (6237 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

datit309/supergraph · 21 stars · license MIT · pushed 2026-10-22 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_l4mvwqmvexeciv7s
GET https://markdownregistry.com/api/v1/resolve?ref=datit309/supergraph/flutter-ui
GET https://markdownregistry.com/api/v1/blob/3b96ce18b6b1124f95660befad0b5880ee9655e19d87d2c8995f804a3a794a4e

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 datit309/supergraph

AGENTS.md@.opencode/plugins/supergraph AGENTS.md file
datit309/supergraph · .opencode/plugins/supergraph/AGENTS.md
git:20260706.3f5d0e0 · audit B · 21 stars
AGENTS.md AGENTS.md file
datit309/supergraph · AGENTS.md
git:20261022.c245456 · audit A · 21 stars
CLAUDE.md CLAUDE.md file
datit309/supergraph · CLAUDE.md
git:20261015.4c65c28 · audit A · 21 stars
AGENTS.md@plugins/supergraph AGENTS.md file
datit309/supergraph · plugins/supergraph/AGENTS.md
git:20261022.c245456 · audit A · 21 stars
CLAUDE.md@plugins/supergraph CLAUDE.md file
datit309/supergraph · plugins/supergraph/CLAUDE.md
git:20261015.4c65c28 · audit A · 21 stars
supergraph SKILL.md skill
datit309/supergraph · plugins/supergraph/SKILL.md · Meta-orchestrator — dispatches to the right skill for the task. Use before any non-trivial work.
git:20261015.757bcde · audit A · 21 stars
analyze SKILL.md skill
datit309/supergraph · plugins/supergraph/skills/analyze/SKILL.md · Risk analysis and approach selection before planning. Use when requirements are ambiguous, approaches vary, or work…
git:20260916.9261b03 · audit A · 21 stars
architecture SKILL.md skill
datit309/supergraph · plugins/supergraph/skills/architecture/SKILL.md · Proactive architecture review — explore codebase structure, generate a self-contained HTML report with Mermaid diagrams…
git:20260826.3720324 · audit A · 21 stars
browser-agent SKILL.md skill
datit309/supergraph · plugins/supergraph/skills/browser-agent/SKILL.md · Autonomous human-like browser control and professional QA/QC testing. Powered by agent-browser (Rust native CDP, zero…
git:20261015.5053f3b · audit C · 21 stars
caveman SKILL.md skill
datit309/supergraph · plugins/supergraph/skills/caveman/SKILL.md · Persistent token-compression mode (~75% reduction) — now always-on by default. Strips filler while keeping code exact.
git:20260827.dce0fb4 · audit A · 21 stars
database-migrations SKILL.md skill
datit309/supergraph · plugins/supergraph/skills/database-migrations/SKILL.md · Database migration best practices for schema changes, data migrations, rollbacks, and zero-downtime deployments across…
git:20260710.92fdf2f · audit A · 21 stars
design-taste-frontend SKILL.md skill
datit309/supergraph · plugins/supergraph/skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
git:20260916.6b6ff2a · audit B · 21 stars

Every file in datit309/supergraph

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