App interface design

The problem with designing an interface with AI is not that it cannot; it is that everything it makes looks the same.

With no concept to work from, AI picks the safest average: a purple-blue gradient, the same rounded shadow card, a glass blur, a stock typeface, emoji for icons and stock copy. Each one is defensible on its own; together they are recognisable across a room.

The fix is to give it a concept before it starts. The first Skill below does exactly that: it scores how AI-made a screen looks (ten patterns, zero to a hundred), then starts from a real-world object, explores three directions and builds iPhone-size screens where every button works, laid out on a board and recorded as a video.

The other two are there to borrow feel from. SMALLCAPS puts everything into interaction detail: a thumbnail that chases the cursor, magnetic buttons, headlines that rise word by word, a ⌘K command menu. WORLDVIEW SAAS shows how scrolling can drive a 3D object. Both have live demos you can pull apart while you watch.

The Skills for this

3 Skills

App design

FAQ

A script checks ten common patterns at ten points each, giving a score from zero to a hundred. The design score is separate: half automatic — slop patterns, phone usability, whether the shaders painted — and half the AI scoring itself against five questions.

No. The result is HTML screens you open in a browser where the buttons actually work, not static images. What you hand to an engineer is something that runs rather than something that is annotated.

No. The Skill runs inside your own AI tool and every file stays on your computer.