Menu

1 / 14

Flutter App Redesign with pen.dev and Claude Code Skills: From Pencil Designs to Verified Screens

DEV Community: flutter·Michał Król·about 22 hours ago
#s17delM8
#devtoflutter#devto#dev#design#screen
Reading 0:00
15s threshold

TL;DR

Kurvenheld is a motorcycle app built in Flutter for iOS and Android. Together with the agency blindwerk I redesigned all of it: 23 screens, 28 design cells in pen.dev. It's live in the App Store and on Google Play.

The first phase was manual and slow on purpose: research, scope, paper wireframes, type and colors, the first proposal screens. Under five days, and the right place to be slow.

Then the math broke. Proposal speed times 28 cells, times review rounds, times translating every screen into Flutter: nowhere near my estimate.

So I wrote five skills for the parts that repeat: redesign, update, sync, implement, verify. Claude Code and Codex share them, connected to the pen.dev MCP and the Marionette MCP. All screens redesigned in under five days, all screens implemented in under five days.

Every skill plans first and waits for my OK. blindwerk reviewed the designs and the code, and we checked everything before release. The automation made the loop faster.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.