realhasanshoaib/squint

Perfil de realhasanshoaib

Última actividad de origen registrada: 14 de octubre de 2026 a las 14:10

Catálogo de SkillsMP actualizado: 26 de octubre de 2026 a las 11:37

skills recopiladas: 1

Estrellas en GitHub: 0
Forks en GitHub: 0

README del repositorio

Archivo de origen del README: README.md

Leer el README original

Mostrar README completo

# squint An agent skill that makes Claude Code, Codex, and other coding agents build UI where every element earns its place, and then try to break it before they ship. [![Watch squint clean up an AI-made dashboard (30 seconds)](media/poster.jpg)](https://squint.q9labs.ai) ```bash npx skills add realhasanshoaib/squint ``` ## Why AI-built UI looks AI-built: a purple gradient, "Welcome back", icon tiles, a badge on every row, and a glowing Submit button. A list of banned patterns doesn't fix it, because the next screen is never on the list. So squint gives the agent principles with tests it can run, such as "if removing it loses nothing, remove it" and "blur the screenshot and name the first three things you see". The examples under each principle are cases already decided, and for anything new the agent applies the principle. Then, before it reports, the agent tries to prove its own work wrong. ## What it checks - **Every element earns its place.** If removing it loses nothing, it goes. - **Minimal is not bare.** Icons, status dots, and avatar colors stay when they help people scan. - **Never ship AI tells.** No purple gradients, glows, glassmorphism, or "Start your journey". - **Layout shows what matters first.** Heading, then the main action, then the work. - **The control fits the answer.** Two to four options are radio buttons, not a dropdown. - **Everyone can use it.** Native elements first, and the task works with only a keyboard. - **Fix it once, in the shared piece.** Repeated problems get fixed in the shared component. - **Copy speaks the user's words.** "Save changes", not "Submit". - **Every language is a full product.** Layouts mirror, and each locale gets tested. ## Try to break it The last step makes the agent attack its own work instead of approving it. Each attack is a hypothesis it can fail: no data, a thousand items, the longest translation, keyboard only, a failed request. For risky changes, a judge model from a different family reviews the evidence without the builder's reasoning, so it isn't anchored. Fixes get retested, and the report lists what failed first. ## Use The skill loads on its own when an agent builds or reviews UI. You can also ask for it directly: ```text Use squint to review the settings page and fix what it finds. ``` Your project's design system wins on how things look: colors, radii, fonts, and its own rules. squint covers what holds across every project. ## The video Claude drew every frame and synthesized every sound of the video above in JavaScript, on a canvas, following the rules in this skill. ## License MIT

Cargando el README del repositorio…

Publicaciones

Ver todos →

Hasan Shoaib

@realhasanshoaib14 oct 2026 14:52 UTC

Anuncio de un SkillDiseñar recursos visuales

Resumen de la publicación · inglés

Squint steers AI-generated product UI away from its default look, covering screens, shared components, forms, tables, charts, dashboards, navigation, dialogs and emails while building, reviewing or cleaning up interfaces.

Publicación original

Ver detalles del Skill · squint/skills-squint

Skills en este repositorio

clasificación pendiente

skill

ocupación

descripción

actualizado

squint

sin clasificar

Use when building, reviewing, or cleaning up product UI or interface copy, including screens, shared components, forms, tables, charts, dashboards, navigation, dialogs, and emails.

Idioma del texto original: inglés

2026-10-14

Mostrando 1 de 1 skills recopiladas.

Instalar con un asistente de IA

Copia este prompt en el asistente de IA que estés usando.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/realhasanshoaib/squint.