-
+ name: review-ui · check focus, mobile, reduced motion · run verification · return evidence
Create a skillrepeatable pain → reusable judgment
+
+
+
+ The skill forgeA forja de skills
+
+ Teach the decision.
Keep the context light.Ensine a decisão.
Mantenha o contexto leve.
+
+
+ Do not package everything you know. Capture the non-obvious choices that repeatedly
+ improve an outcome, then prove the skill changes behavior.Não empacote tudo o que você sabe. Capture as escolhas não óbvias que melhoram
+ resultados repetidamente e prove que a skill muda o comportamento.
+
@@ -819,7 +893,39 @@ const base = import.meta.env.BASE_URL;
>
-
+
+
+
AFTER REAL USEAPÓS USO REAL
+ observe failure→sharpen one rule→retest behavior→keep it narrow
+
+ observar falha→refinar uma regra→retestar comportamento→manter estreita
+
@@ -955,14 +1061,38 @@ const base = import.meta.env.BASE_URL;
Start with a deliberately incomplete static task board. Run one prompt as written,
- reset, then run the skill-enabled version.
+ reset, then run the skill-enabled version. Compare diff size, verification evidence, and
+ unnecessary complexity.
+
+
THE MISSING FEATUREA FEATURE AUSENTEAdd All / Open / Done filters that survive reload and browser navigation.Adicione filtros Todos / Abertos / Concluídos que sobrevivem reload e navegação.
+ STACK HTML · CSS · JavaScript DEPENDENCIES none FILES 3STACK HTML · CSS · JavaScript DEPENDÊNCIAS nenhuma ARQUIVOS 3
+
@@ -981,6 +1111,33 @@ const base = import.meta.env.BASE_URL;
Same contract · explicit working methods · stronger proof
+
+
COMPARE THE RUNSCOMPARE AS EXECUÇÕES
+ 01
+ Files changedArquivos alterados
+
+ 02
+ New dependenciesNovas dependências
+
+ 03
+ Checks actually runChecks executados
+
+ 04
+ Evidence returnedEvidências retornadas
+
@@ -1017,21 +1174,84 @@ const base = import.meta.env.BASE_URL;
Verificationrun each gate separately
+
+
+
Checks become evidence
+ Three layers.
Run each one alone.
+
+
+ Run a gate on its own line, print its exit code, attach the output. The result is the
+ deliverable.
+
01 · STATICLint and types
- Format, lint, type-check. Fast and scoped to one file.
-
pnpm lint; echo "lint=$?"
+ Format, lint, type-check. Fast and scoped to one file. Run on every save.
+ pnpm lint; echo "lint=$?" pnpm typecheck; echo "typecheck=$?"
02 · BEHAVIORUnit and contract
Tests that repeat. Run before claiming done.
-
pnpm test; echo "test=$?"
+ pnpm test; echo "test=$?" cd services/api && go test ./...
03 · INTEGRATIONReal UI and API
- Drive the actual UI, API, or browser.
-
pnpm check:ui; echo "ui=$?"
+ Drive the actual UI, API, or browser. Slower and flakier — only this catches mobile
+ overflow and a missing 404.
+ pnpm check:ui; echo "ui=$?" TURBO_FORCE=true pnpm e2e
-
+
+
FOUR WAYS A GREEN REPORT IS FALSE
+
+ 1
+
Pipe a gate
+ tail, grep, or head hide the real exit code — a pipeline returns the last command's
+ status.
+
+
+
+ 2
+
Swallow a rejection
+ A silent {'.catch(() => {})'} hides a panic, an upstream limit, or a partial
+ failure.
+
+
+
+ 3
+
Trust the cache
+ Turbo caches results. A gate that "passes" may not have run — use TURBO_FORCE=true.
+
+
+
+ 4
+
Skip the third layer
+ Lint and unit can both be green while the page breaks on mobile and the API never
+ returns 404.
+
+
+
+
+
+ RUN IT YOURSELF · two labs, under 10 minutes each
+