Proven skills / Compare

Two design skills · both proven

prototype vs ui-ux-pro-max

Both skills were run through Claude twice: once on a fixed brief without the skill, once with it. The briefs differ because each is written for the job the skill claims to do, so compare each skill against its own baseline, then decide which difference matters for your work.

prototype

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Category
Design
Source
mattpocock/skills
License
MIT
Proof model
claude-opus-5-5
Brief
“We are designing the order state model for a food delivery app. An order can be placed, accepted by the restaurant, being prepared, ready for pickup, picked up by a courier, and delivered. The customer can cancel until the restaurant starts preparing; the restaurant can cancel at any time before pickup; a cancellation after payment triggers a refund, partial if food was already prepared. We are not sure this logic is right. Build a throwaway prototype as a single HTML page that lets someone on the team drive an order through these states and see where the rules break or get confusing.”
Skill commit
5beb35b
Without the skillWith prototype
⇆
Without, runWith prototype, run3 independent runs per side, none selected by hand.

Download the with-skill page

ui-ux-pro-max

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles…

Category
Design
Source
nextlevelbuilder/ui-ux-pro-max-skill
License
MIT
Proof model
claude-opus-5-5
Brief
“Build the dashboard home screen for Tally, a personal finance app: a sidebar, a header with the account switcher, a balance hero, a monthly spending chart drawn with inline SVG, a recent transactions list, budget progress cards, and an upcoming bills panel. It should feel like a finished product, with hover states and subtle motion.”
Skill commit
56ea9cf
Without the skillWith ui-ux-pro-max
⇆
Without, runWith ui-ux-pro-max, run3 independent runs per side, none selected by hand.

Download the with-skill page

We don’t pick a winner for you: the pages are the evidence. Both proofs can be repeated with the brief, model and commit shown above. See alternatives to prototype or alternatives to ui-ux-pro-max.