PUBLIC REPOSITORYOpen it on GitHub
Review the skill, download it, or copy the instructions directly from the public repository.
Make every interface feel intentional.
ReadPenn reviews the page in front of you, finds the design and accessibility issues that weaken it, and tells you what to fix first.
Candid feedback, before you ship.
How it works
How ReadPenn works
Move from “something feels off” to a ranked list of decisions your team can act on.
01
Open the page
Use ReadPenn on the live website or local product screen you want to review.
02
Add the intent
Tell the critic what the page should achieve and how it should feel.
03
Run the audit
ReadPenn checks the visible design together with the page structure.
04
Fix what matters
Start with the highest-impact issues and use the specific recommendations.
A real product review
See the problem. Know the next move.
ReadPenn turns visual critique into a report your team can use: a clear score, the most important issues, why they matter, and concrete fixes.
Use it before launch, during QA, or whenever a page feels wrong but the problem is hard to name.
What the audit covers
One review. Multiple design skills.
ReadPenn combines visual critique with page-structure checks, so teams get feedback that is both design-aware and practical to implement.
01
Hierarchy and clarity
Checks whether the page communicates the main message quickly, with clear headings, readable sections, and an obvious next action.
02
Accessibility and code health
Reviews labels, alt text, focus visibility, contrast, semantic structure, and interaction details that affect real users.
03
Originality and brand feel
Flags generic AI-patterns, safe-but-forgettable layouts, weak imagery, and moments where the interface needs more point of view.
04
Conversion and trust
Looks at CTA language, friction, confidence signals, form clarity, and whether the page gives users enough reason to continue.
Build with the same standards
Install the UI Design Engineer skill
Use the public skill in your AI coding tool while you build, then use ReadPenn for the final browser-based review.
SKILL.mdAdd it to your AI tool
Upload or paste the file into the AI coding tool your team uses for product interface work.
BEFORE YOU SHIPBuild with it
Ask your agent to apply UI Design Engineer before creating, redesigning, or reviewing an interface.
Inside every report
Clear priorities. Specific fixes. One next move.
Get the score, the evidence, why each issue matters, and the changes worth making first.
0–100 scorePriority findingsPlain-English impactActionable fixes