ham7a311/vitrine · src/workshop/skills/accessibility-pass/SKILL.md · Run a hands-on accessibility pass on a web page or component - keyboard walk, focus visibility, names and roles, live…
ham7a311/vitrine · src/workshop/skills/art-director/SKILL.md · Give a website a distinctive, coherent design where every component has its own idea - derived from the product's…
ham7a311/vitrine · src/workshop/skills/component-architect/SKILL.md · Design a reusable component's API before its looks - what is fixed, what is configurable, which variants exist - and…
ham7a311/vitrine · src/workshop/skills/component-author/SKILL.md · Write a self-contained, production-quality React UI component to Vitrine's house rules - one TSX file plus one CSS…
ham7a311/vitrine · src/workshop/skills/content-structure-auditor/SKILL.md · Map what a page says against what its visitor came to find out, then fix the order, headings, labels and length so the…
ham7a311/vitrine · src/workshop/skills/conversion-ux-review/SKILL.md · Walk the path from a page's first screen to the action that matters (sign up, book, buy), find where people hesitate or…
ham7a311/vitrine · src/workshop/skills/interface-critic/SKILL.md · Critique an interface or component idea against Vitrine's quality bar (familiar job, new physics, meaningful motion…
ham7a311/vitrine · src/workshop/skills/landing-page-art-director/SKILL.md · Plan a landing page section by section - one hero idea, a proof sequence and one call to action - and choose a…
ham7a311/vitrine · src/workshop/skills/motion-director/SKILL.md · Design and audit interface motion so every animation explains something - direction, amount, cause, state - with a…
ham7a311/vitrine · src/workshop/skills/performance-pass/SKILL.md · Measure and fix how fast a site loads and responds on a mid-range phone - LCP, CLS, total blocking time, bytes by type…
ham7a311/vitrine · src/workshop/skills/portfolio-art-director/SKILL.md · Turn a person's real work into a portfolio with a point of view - what to lead with, how to present each project, and…
ham7a311/vitrine · src/workshop/skills/responsive-audit/SKILL.md · Audit a web interface at phone, tablet and desktop widths with Playwright, measure what's broken (horizontal overflow…
ham7a311/vitrine · src/workshop/skills/technical-seo-audit/SKILL.md · Audit whether search engines can crawl, render, understand and correctly index a site - robots.txt, sitemap, canonical…
ham7a311/vitrine · src/workshop/skills/template-tells/SKILL.md · Find the tells that make a website or interface look generated, templated or low-effort - in the copy, the visual…
ham7a311/vitrine · src/workshop/skills/theme-system/SKILL.md · Build or repair a site's design tokens - colour, type, space, radius, motion - as CSS custom properties with a light…