mobile-webapp-ux SKILL.md skillA

mobile-webapp-ux 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/mobile-webapp-ux@git:20260822.a6cb86f

Pins git:20260822.a6cb86f in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
swyxio/skills
Path
mobile-webapp-ux/SKILL.md
Versions recorded
2
Latest version
git:20260822.a6cb86f, committed Aug 22, 2026
First version recorded
Aug 12, 2026
Size
5,736 bytes
Repository stars
194
License
MIT

Design, build, or review responsive mobile web-app UX when a phone experience needs task-first layout, usable touch controls, compact media comparison, mobile navigation, overlays, forms, or responsive validation without degrading the desktop experience. Use for requests to make an existing web app work well on phones, fit a task into one mobile viewport, improve tap targets, adapt comparison/review screens, or audit mobile usability.

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

# Mobile Web-App UX

Treat the phone as a distinct task surface, not a narrower desktop canvas. Preserve the desktop contract unless the requested behavior genuinely differs.

Apply this skill to the requested mobile loop and the responsive states closest
to it. The patterns below are recommendations unless accessibility, reachability
of the primary action, or prevention of data loss makes one blocking. A mobile
review is read-only unless implementation was requested. Stop when the named
loop works at the agreed narrow viewport and its existing desktop counterpart;
report unrelated redesign opportunities separately.

## Start with the mobile task loop

Identify the smallest repeated loop the user needs to complete: inspect → decide → act; scan → filter → open; compose → send. Make that loop dominant in the first viewport.

- Keep the current task, its evidence, and its primary action visible together whenever practical.
- Reduce decorative chrome, repeated headings, descriptive copy, and secondary metadata before reducing the primary action.
- Prefer a concise mobile-specific composition over merely scaling down desktop spacing.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add swyxio/skills/mobile-webapp-ux@sha256:6bd0f2ef1a3dcf23

The line at the top of this page pins the label git:20260822.a6cb86f, 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_tcv3smkz5trcsudu.svg)](https://markdownregistry.com/a/art_tcv3smkz5trcsudu)

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

Versions

The registry has recorded 2 versions of this file, between Aug 12, 2026 and Aug 22, 2026, about one every 10 days.

versioncommittedcommitsizeaudit
git:20260822.a6cb86f latest2026-08-22 a6cb86f 5,736 BA view · diff
git:20260812.9d8c3e02026-08-12 9d8c3e0 5,165 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 (5736 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_tcv3smkz5trcsudu
GET https://markdownregistry.com/api/v1/resolve?ref=swyxio/skills/mobile-webapp-ux
GET https://markdownregistry.com/api/v1/blob/6bd0f2ef1a3dcf239973c5005bc64f4d8c1a4d223d9134ad313cdb1143fa401c

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.