adapt SKILL.md skillA

This file is byte-identical to the first copy the registry indexed. Same content hash, so the same checks give both the same grade.

adapt from educlopez/ui-craft is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add educlopez/ui-craft/adapt@git:20260806.bb71f4d

Pins git:20260806.bb71f4d in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
educlopez/ui-craft
Path
.agents/skills/adapt/SKILL.md
Versions recorded
5
Latest version
git:20260806.bb71f4d, committed Aug 6, 2026
First version recorded
Apr 18, 2026
Size
3,086 bytes
Repository stars
425
License
MIT

Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or touch issues on mobile/tablet, when adding a new screen that hasn't been tested across viewports, or when the user says "make it responsive" / "fix mobile layout". Invoke when the user asks for adapt on their UI, or mentions 'adapt' alongside design / UI / frontend work.

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

<!-- HARNESS MIRROR — do not edit here. Canonical source: skills/ or commands/. After editing source, copy into cli/assets/<harness>/ and repo-root harness mirrors. -->

**Context:** this sub-skill is one lens of the broader `ui-craft` skill. If the `ui-craft` skill is also installed, read its SKILL.md first for Discovery + Anti-Slop + Craft Test, then apply the specific lens below.

Adapt the UI at `$ARGUMENTS` across devices. Load the `ui-craft` skill and read `references/responsive.md`.

**Work mobile-first. Don't shrink desktop; grow from mobile.**

**Checklist:**

1. **Breakpoints** — use project's existing system (Tailwind: `sm md lg xl`; CSS: container queries preferred over media queries for components). No magic widths.
2. **Touch** — tap targets ≥ 44×44px (`min-h-11 min-w-11`). Touch zones don't overlap. `touch-action: manipulation` on interactive elements.
3. **Safe areas** — `padding-top: env(safe-area-inset-top)` etc. on fixed headers/footers/FAB. Check iOS notch and Android gesture bar.
4. **No horizontal scroll** at 320px. Test with devtools device mode.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add educlopez/ui-craft/adapt@sha256:5861243d8b0c0211

The line at the top of this page pins the label git:20260806.bb71f4d, 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_j4ar52bvc5m2xppr.svg)](https://markdownregistry.com/a/art_j4ar52bvc5m2xppr)

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

Versions

The registry has recorded 5 versions of this file, between Apr 18, 2026 and Aug 6, 2026, about one every 28 days.

versioncommittedcommitsizeaudit
git:20260806.bb71f4d latest2026-08-06 bb71f4d 3,086 BA view · diff
git:20260725.d9710bc2026-07-25 d9710bc 3,082 BA view · diff
git:20260704.14809b12026-07-04 14809b1 2,989 BA view · diff
git:20260611.235e1e92026-06-11 235e1e9 2,954 BA view · diff
git:20260418.055c89f2026-04-18 055c89f 2,736 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 (3086 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

educlopez/ui-craft · 425 stars · license MIT · pushed 2026-10-30 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_j4ar52bvc5m2xppr
GET https://markdownregistry.com/api/v1/resolve?ref=educlopez/ui-craft/adapt
GET https://markdownregistry.com/api/v1/blob/5861243d8b0c0211d1c6000aa3cb648a8799711b0e9cb71d3e6c0a2f21570317

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 educlopez/ui-craft

animate SKILL.md skill
educlopez/ui-craft · .agents/skills/animate/SKILL.md · Motion design pass — adds purposeful animations or removes excessive ones, respecting MOTION_INTENSITY and the…
git:20260806.bb71f4d · audit A · 425 stars
audit SKILL.md skill
educlopez/ui-craft · .agents/skills/audit/SKILL.md · Technical UI audit — a11y, performance, responsive. Produces a prioritized findings table. Invoke when the user asks…
git:20260725.d9710bc · audit A · 425 stars
bolder SKILL.md skill
educlopez/ui-craft · .agents/skills/bolder/SKILL.md · Amplify personality — raises layout variance and motion, strengthens typography and one signature detail, without slop…
git:20260806.bb71f4d · audit A · 425 stars
brief SKILL.md skill
educlopez/ui-craft · .agents/skills/brief/SKILL.md · Write or update the project's durable design brief at .ui-craft/brief.md. Invoke when the user asks for brief on their…
git:20260725.d9710bc · audit A · 425 stars
clarify SKILL.md skill
educlopez/ui-craft · .agents/skills/clarify/SKILL.md · UX copy review across buttons, errors, empty states, and form hints — critiques by default, applies only on request…
git:20260806.bb71f4d · audit A · 425 stars
colorize SKILL.md skill
educlopez/ui-craft · .agents/skills/colorize/SKILL.md · Color strategy pass — introduces a single accent at 3-5 intentional placements, or reduces an over-colored UI back to…
git:20260725.d9710bc · audit A · 425 stars
craft SKILL.md skill
educlopez/ui-craft · .agents/skills/craft/SKILL.md · One-shot build pipeline for a complete surface from an outcome recipe — inputs (or defaults) → composition → theme →…
git:20260806.bb71f4d · audit A · 425 stars
critique SKILL.md skill
educlopez/ui-craft · .agents/skills/critique/SKILL.md · Design lens critique covering visual hierarchy, clarity, and anti-slop patterns — produces a findings table, no code…
git:20260806.bb71f4d · audit A · 425 stars
delight SKILL.md skill
educlopez/ui-craft · .agents/skills/delight/SKILL.md · Delight pass — adds one or two memorable micro-interactions (copy specificity, hover choreography, state transitions…
git:20260806.bb71f4d · audit A · 425 stars
distill SKILL.md skill
educlopez/ui-craft · .agents/skills/distill/SKILL.md · Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an…
git:20260806.bb71f4d · audit A · 425 stars
extract SKILL.md skill
educlopez/ui-craft · .agents/skills/extract/SKILL.md · Refactoring pass — extracts repeated Tailwind class combos and markup into components, and lifts magic values into…
git:20260806.bb71f4d · audit A · 425 stars
finalize SKILL.md skill
educlopez/ui-craft · .agents/skills/finalize/SKILL.md · Pre-ship gate — runs detector, verifies brief and tokens, applies the 10-pass finish bar, ranks findings by feedback…
git:20260725.d9710bc · audit A · 425 stars

Every file in educlopez/ui-craft

Other files named adapt

adapt SKILL.md skill
educlopez/ui-craft · .codex/skills/adapt/SKILL.md · Responsive layout pass covering breakpoints, touch targets, safe areas, and fluid type. Use when the UI has layout or…
git:20260806.bb71f4d · audit A · 425 stars
adapt SKILL.md skill
quriosity-agent/qcut · qcut/.agents/skills/adapt/SKILL.md · Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience…
git:20260308.8b86d2e · audit A · 43 stars
adapt SKILL.md skill
wpgaurav/wordpress-skills · skills/design/adapt/SKILL.md · Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience…
git:20261024.783ca3d · audit A · 19 stars
adapt SKILL.md skill
madjagstudios/grounded-engineering · plugin/skills/adapt/SKILL.md · Adapt one Grounded Engineering practice card to the current repository as a reviewed, minimal change. Use when the…
git:20261007.79e6de3 · audit A · 10 stars
adapt SKILL.md skill
harmitx7/tribunal-kit · .agent/skills/adapt/SKILL.md · Responsive layout and adaptive interface engineering. Enforces content-driven breakpoints, container queries…
v6.0.0 · audit A · 5 stars

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