What problem does it solve? UI implementations often ship without documentation of the actual built interface, creating drift between code and docs. This Skill makes an interface spec document and a Playwright E2E screenshot a mandatory part of the Definition of Done for any visible UI change in the kaupamex-ui React frontend. ## Core Features & Use Cases - Interface documentation gate: Requires an interfaz-<slug>.rst file with ASCII mockup, element-to-contract spec table, states (loading/empty/error), accessibility attributes, and traceability hashes committed alongside the code. - E2E evidence requirement: Mandates a Playwright spec (e2e/<slug>.e2e.js) that navigates the view and captures a curated, versioned screenshot under docs evidence folders with a <vista>-<verbo>-<ISO> naming convention. - Scope rules: Defines when the rule does not apply (internal refactors, renames, trivial style token changes) so effort is not wasted. - Use Case: When adding a new admin page to the React storefront, invoke this Skill before writing the component so the mockup, spec table, and E2E screenshot are produced in the same pass rather than deferred. ## Quick Start Invoke this skill before implementing the new orders page so the interfaz RST document and Playwright screenshot are produced in the same pass.
