redesign-screen
Redesign any screen from patterns real apps ship. Share a screenshot, your code or a design file, and the skill finds how apps on Mobbin handle the same screen. Explore a few directions or fix specific problems, and see the evidence behind each change. You get a before and after image and a short report. The redesign stays in your own design system, and anything that already works is kept. Use whenever the user points at a screen, section, or component they have, or at a reference or Mobbin result, and asks to redesign, improve, restyle, or rebuild it, or to see a few directions for it.
Pinned to revision 1fc01e9c92d5, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/redesign-screen/SKILL.md
- skills/redesign-screen/assets/board.html
- skills/redesign-screen/assets/chrome/ios.css
- skills/redesign-screen/assets/reference-board.html
- skills/redesign-screen/assets/shell.html
- skills/redesign-screen/assets/variations.html
- skills/redesign-screen/references/answering-a-challenge.md
- skills/redesign-screen/references/before-after-board.md
- skills/redesign-screen/references/reference-board.md
- skills/redesign-screen/references/report.md
- skills/redesign-screen/references/scope-and-preserve.md
- skills/redesign-screen/references/scoping-round.md
- skills/redesign-screen/references/taste.md
- skills/redesign-screen/references/variations.md
Every link opens the file at its source, pinned to the revision this page describes.