design-apps-with-imagegen SKILL.md skillA

design-apps-with-imagegen from swyxio/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add swyxio/skills/design-apps-with-imagegen@git:20261103.1acf58f

Pins git:20261103.1acf58f in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
swyxio/skills
Path
design-apps-with-imagegen/SKILL.md
Versions recorded
8
Latest version
git:20261103.1acf58f, committed Nov 3, 2026
First version recorded
Aug 2, 2026
Size
6,042 bytes
Repository stars
194
License
MIT

Explore and implement image-led app or site design changes, from a single element to a full screen, with varied visual directions, targeted inspiration, and user feedback. Use for design exploration, not routine UI fixes or implementation of an already selected design.

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

# Design Apps with ImageGen

Explore the requested element or screen through images, implement the chosen direction, and compare the actual product against it. Keep the existing app and surrounding context unless broader changes are requested.

## 1. Establish scope

Inspect the affected screens, real content, capabilities, state owners, and responsive behavior. Separate existing contracts from proposed changes. Preserve scoped functionality and data unless the user authorizes changes; generated controls and text are proposals, not product truth.

Retain applicable navigation, account controls, and workspace access through loading and recovery states. Follow [design-preferences](../design-preferences/SKILL.md); shell replacement must be in scope. Report unrelated layout gaps rather than expanding the redesign.

## 2. Research and explore
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add swyxio/skills/design-apps-with-imagegen@sha256:4e04fbb93ca0a970

The line at the top of this page pins the label git:20261103.1acf58f, 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_un22dahdxammph5y.svg)](https://markdownregistry.com/a/art_un22dahdxammph5y)

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

Versions

The registry has recorded 8 versions of this file, between Aug 2, 2026 and Nov 3, 2026, about one every 13 days.

versioncommittedcommitsizeaudit
git:20261103.1acf58f latest2026-11-03 1acf58f 6,042 BA view · diff
git:20260929.0598d122026-09-29 0598d12 5,080 BA view · diff
git:20260929.fb5b31b2026-09-29 fb5b31b 14,681 BA view · diff
git:20260928.efe5ce62026-09-28 efe5ce6 13,498 BA view · diff
git:20260924.48313d62026-09-24 48313d6 13,495 BA view · diff
git:20260810.dc68f242026-08-10 dc68f24 12,761 BA view · diff
git:20260810.f7092962026-08-10 f709296 9,748 BA view · diff
git:20260802.48af3482026-08-02 48af348 5,824 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 (6042 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

swyxio/skills · 194 stars · license MIT · pushed 2026-11-03 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_un22dahdxammph5y
GET https://markdownregistry.com/api/v1/resolve?ref=swyxio/skills/design-apps-with-imagegen
GET https://markdownregistry.com/api/v1/blob/4e04fbb93ca0a970a5bcf682ea6cbfeec5ab1728a86fbc3c4c65b841d234b126

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 swyxio/skills

AGENTS.md AGENTS.md file
swyxio/skills · AGENTS.md
git:20260328.1e97617 · audit A · 194 stars
accelevents-api SKILL.md skill
swyxio/skills · accelevents-api/SKILL.md · Use when reading or updating AI Engineer Europe speaker records through the Accelevents REST API, especially for…
git:20260528.839ae03 · audit A · 194 stars
accelevents-speaker-sync SKILL.md skill
swyxio/skills · accelevents-speaker-sync/SKILL.md · Use when website speaker, session, schedule, room, track, or headshot changes must be synchronized back to Accelevents…
git:20260528.839ae03 · audit A · 194 stars
agents-sdk SKILL.md skill
swyxio/skills · agents-sdk/SKILL.md · Build or debug stateful applications that specifically use Cloudflare's `agents` package, including Agent classes…
git:20260820.cd23820 · audit A · 194 stars
ai-devblog SKILL.md skill
swyxio/skills · ai-devblog/SKILL.md · Turn coding, debugging, research, architecture, migration, deployment, or product work into a clear, evidence-backed…
git:20261101.b77bec0 · audit A · 194 stars
ai-engineering SKILL.md skill
swyxio/skills · ai-engineering/SKILL.md · Diagnose or improve reliability of a structured, multi-request, rate-limited, or cost-sensitive AI workflow. Use for…
git:20261004.275e470 · audit A · 194 stars
ai-readme SKILL.md skill
swyxio/skills · ai-readme/SKILL.md · Create or substantially revise repository README files that help a specific reader understand a technical project…
git:20260928.efe5ce6 · audit A · 194 stars
align-me SKILL.md skill
swyxio/skills · align-me/SKILL.md · Elicit user preferences and resolve material ambiguity before a long autonomous run. Use when the user invokes…
git:20260928.efe5ce6 · audit A · 194 stars
annotated-video-production SKILL.md skill
swyxio/skills · annotated-video-production/SKILL.md · Plan, edit, render, or audit annotated interviews and host commentary, including source captures, demos, pull quotes…
git:20261103.1acf58f · audit A · 194 stars
antislop-codebase SKILL.md skill
swyxio/skills · antislop-codebase/SKILL.md · Diagnose or execute an explicit repository-wide maintainability cleanup while preserving behavior. Use only when the…
git:20260928.efe5ce6 · audit A · 194 stars
app-ux-paradigms SKILL.md skill
swyxio/skills · app-ux-paradigms/SKILL.md · Apply conventional interaction behavior for keyboard shortcuts, focus, dialogs, overlays, menus, forms, and…
git:20260822.a6cb86f · audit A · 194 stars
autoreview SKILL.md skill
swyxio/skills · autoreview/SKILL.md · Perform a structured final code review of a local diff, commit, branch, or pull request. Use only when the user…
git:20260809.243a0c6 · audit A · 194 stars

Every file in swyxio/skills

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