Turns a screenshot into a list of problems ranked by impact, each with its cause and a specific fix.
An open lab for product makers
Prompts I actually use, articles on systems design, short videos and skills that save time. Take what helps, add what you know.
Live7 browsing now38 comments this week
Preview: all content, comments and numbers here are placeholders until the Lab is connected to the server.
Prompts
Ready templates with variables: copy as they are, or fill them in and copy.
Pulls roles, decisions and failure points out of a process description, then proposes the fewest screens.
Reads screenshots of a live product and proposes colour, spacing and type tokens with semantic names.
Rewrites errors, buttons and empty states in natural Arabic, far from literal translation.
Builds open interview questions that reveal real behaviour and avoid leading questions.
Nothing in this section matches your search.
Articles
Short reads on systems design, interfaces and workflow.
An ERP is not a database with a UI
Most enterprise systems are designed from tables to screens. Why we should start from the task, and how to do it.
Calm interfaces for dense screens
Density is not the problem. The problem is everything shouting equally. Four tools to lower the noise without removing data.
Design tokens: a bridge between design and code
How colour and spacing become one source that Figma and code both read, closing the “it looked different in the design” gap.
Prompting for designers: from request to spec
A good prompt reads like a good brief: context, role, constraints and acceptance criteria. How to write prompts that give usable results.
Nothing in this section matches your search.
Videos
Short hands-on sessions, split into chapters.
Taking a dense screen apart step by step until the main task is obvious.
Building variable layers in Figma and exporting them to CSS in one session.
How I use prompts for research, analysis and specs, and where I never use them.
Directional icons, numerals, alignment and punctuation in right-to-left interfaces.
Nothing in this section matches your search.
Skills
Ready tools and skills for AI agents, and references I keep returning to.
Accessibility reviewer
An agent skill that checks components against WCAG 2.2 and proposes the fix in the code itself.
Component state matrix
Generates every state of a component: default, hover, focus, disabled, error, loading, empty.
Screen spec writer
Turns a screen design into a spec developers understand: behaviour, states, rules and acceptance criteria.
WCAG 2.2 quick reference
The official accessibility criteria reference, filterable by level and technique.
Apple Human Interface Guidelines
Essential reading for anyone designing for iOS: patterns, components and motion.
Nothing in this section matches your search.
Under review· Only you can see it until it is approved