migrate-design-prototype SKILL.md skillA

migrate-design-prototype from mendixlabs/mxcli is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add mendixlabs/mxcli/migrate-design-prototype@git:20261016.5c01fe9

Pins git:20261016.5c01fe9 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
mendixlabs/mxcli
Path
.claude/skills/mendix/migrate-design-prototype/SKILL.md
Versions recorded
10
Latest version
git:20261016.5c01fe9, committed Oct 16, 2026
First version recorded
Aug 21, 2026
Size
40,808 bytes
Repository stars
137
License
Apache-2.0

Reproduce a Claude Design prototype or design handoff (HTML/CSS, .dc.html export, tokens, screenshots) inside a Mendix app: build the palette with `mxcli theme create --from`, then apply classes in pages with MDL. Use when given a design artefact and asked to make the app look like it.

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

<!-- skill-index: generated by scripts/skill-index.py; make check-skill-index -->
## Find it fast

`sed -n '<from>,<to>p' SKILL.md` one section rather than reading the file;
`./mxcli syntax <topic>` answers *how do I write this* for a fraction of either.

| lines | section |
|---|---|
| 31-48 | When to Use This Skill |
| 49-97 | The Pipeline at a Glance |
| 98-122 | Where the Theme Lives (read this first — it avoids the main friction) |
| 123-213 | ① Build the Theme — `mxcli theme create --from` |
| 214-281 | ② Rebuild Components — Atlas block/class first, custom class only for identity |
| 282-389 | Component → Mendix widget map |
| 390-486 | The App Shell: Navigation & Layout (built once, not per page) |
| 487-573 | ③ Apply Classes in Pages (MDL) |
| 574-587 | ④ Build & Preview |
| 588-595 | ⑤ Verify Against the Prototype |
| 596-632 | Never put a grid on a Mendix widget's own class |
| 633-653 | Gotchas (learned building this app) |
| 654-705 | MDL gotchas that block a faithful build |
| 706-724 | Checklist |

<!-- /skill-index -->
# Migrate a Claude Design Prototype into a Mendix App (Theme + Pages)

## When to Use This Skill
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add mendixlabs/mxcli/migrate-design-prototype@sha256:93438ba590e195eb

The line at the top of this page pins the label git:20261016.5c01fe9, 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_ogxyns3o2ejihhkg.svg)](https://markdownregistry.com/a/art_ogxyns3o2ejihhkg)

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

Versions

The registry has recorded 10 versions of this file, between Aug 21, 2026 and Oct 16, 2026, about one every 6 days.

versioncommittedcommitsizeaudit
git:20261016.5c01fe9 latest2026-10-16 5c01fe9 40,808 BA view · diff
git:20261010.50fe33a2026-10-10 50fe33a 40,718 BA view · diff
git:20261003.aeaf0802026-10-03 aeaf080 39,650 BA view · diff
git:20261001.3a9ec832026-10-01 3a9ec83 39,650 BA view · diff
git:20260928.52fc4c92026-09-28 52fc4c9 39,639 BA view · diff
git:20260928.cc607272026-09-28 cc60727 39,639 BA view · diff
git:20260928.3daab1c2026-09-28 3daab1c 39,639 BA view · diff
git:20260925.713c5d72026-09-25 713c5d7 39,638 BA view · diff
git:20260825.94a39b22026-08-25 94a39b2 39,645 BA view · diff
git:20260821.ff81a242026-08-21 ff81a24 35,509 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 (40808 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

mendixlabs/mxcli · 137 stars · license Apache-2.0 · pushed 2026-11-07 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_ogxyns3o2ejihhkg
GET https://markdownregistry.com/api/v1/resolve?ref=mendixlabs/mxcli/migrate-design-prototype
GET https://markdownregistry.com/api/v1/blob/93438ba590e195ebb14fa04589fa5dcd3451fc7de99ef245e2d3fe78eee89f37

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 mendixlabs/mxcli

issue-triage SKILL.md skill
mendixlabs/mxcli · .claude/skills/issue-triage/SKILL.md · Cluster and classify the open issues in the ako/mxcli fork, both the mendixlabs/mxcli issues mirrored into it and the…
git:20261106.37b0fe6 · audit A · 137 stars
agents SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/agents/SKILL.md · Author Mendix AI agent documents in MDL — Model, Knowledge Base, Consumed MCP Service and Agent, with variables, tools…
git:20261010.50fe33a · audit A · 137 stars
alter-page SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/alter-page/SKILL.md · Modify an existing page or snippet's widget tree in place with ALTER PAGE / ALTER SNIPPET — SET, INSERT, DROP, REPLACE…
git:20261102.69cffcc · audit A · 137 stars
analyze-runtime SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/analyze-runtime/SKILL.md · Find out what a running Mendix app actually does — logs, Prometheus metrics, OpenTelemetry traces and the model…
git:20261010.50fe33a · audit B · 137 stars
assess-migration SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/assess-migration/SKILL.md · Investigate an existing non-Mendix application (Java, .NET, Python, Node, PHP, …) and produce a structured migration…
git:20261010.50fe33a · audit A · 137 stars
assess-quality SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/assess-quality/SKILL.md · Audit a Mendix project against best practices for naming, security, performance, maintainability and architecture, and…
git:20261101.da695f0 · audit A · 137 stars
atlas-design SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/atlas-design/SKILL.md · Make a Mendix app look designed rather than default-Atlas: layout, spacing, typography, colour and design properties…
git:20261010.50fe33a · audit A · 137 stars
bootstrap-app SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/bootstrap-app/SKILL.md · Provision a Mendix project in a repo that has none — interview, `mxcli new`, session hook, project brief, first commit…
git:20261104.237ae1e · audit A · 137 stars
browse-integrations SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/browse-integrations/SKILL.md · Discover the external services a project consumes and browse their cached contracts through the MDL CATALOG — OData…
git:20261012.365840a · audit A · 137 stars
bulk-widget-updates SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/bulk-widget-updates/SKILL.md · Discover and bulk-change widget properties across many pages with LIST WIDGETS and UPDATE WIDGETS. Use when the same…
git:20261010.50fe33a · audit A · 137 stars
business-events SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/business-events/SKILL.md · Define event-driven APIs over Kafka with Mendix business event services — publish and subscribe contracts…
git:20261025.b57af11 · audit A · 137 stars
catalog-search SKILL.md skill
mendixlabs/mxcli · .claude/skills/mendix/catalog-search/SKILL.md · Search the Mendix Catalog platform service registry (catalog.mendix.com) from the CLI to find services published across…
git:20261010.50fe33a · audit A · 137 stars

Every file in mendixlabs/mxcli

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