Interface Lab Library
Skills collect reusable local prompt techniques.
Local skills cover layout, motion, borders, shadows, WebGL, icons, and component treatments. Choose the techniques first, then combine them with systems and assets.
Prompt Skills
Local expression layer: layout, motion, borders, shadows, WebGL, and copy-ready prompt techniques.
Accessibility UI Primitives
Provide baseline constraints for semantic HTML, keyboard paths, focus management, ARIA, contrast, alt text, and reduced motion in page and component generation.
Provide baseline constraints for semantic HTML, keyboard paths, focus management, ARIA, contrast, alt text, and reduced motion in page and component generation.ProAccessibility · 0ProHigh Contrast and Forced Colors
Audit components and pages for high contrast, forced-colors, prefers-contrast, focus indicators, non-text contrast, and system-color fallbacks.
Collect target components/pages, all interaction states, focusable controls, current color tokens, supported browsers/systems, and required WCAG level first.ProAccessibility · 0ProForm Error State Contract
Define labels, helper text, validation timing, inline errors, error summaries, submit states, server-failure recovery, mobile input behavior, and frontend state models for login, signup, checkout, settings, submission, filter, multi-step, and admin-edit forms.
Use for login, signup, checkout, settings forms, contribution forms, filter forms, multi-step forms, field validation, server errors, disabled/loading submit, aria-describedby, focus return, error summaries, or mobile keyboard input.ProAccessibility · 0ProTransactional Form Error Recovery
Create error summaries, field errors, focus movement, preserved input, and continuation paths for public-service, finance, healthcare, application, and admin review forms.
Inputs must include the form purpose, field list, required/format/server validation rules, submit method, multi-step status, expected error count, and whether users have entered sensitive or high-cost information.ProAccessibility · 0ProPublic Service Trust Rails
Create official identity, responsible organization, legal links, semantic forms, error recovery, review/confirmation, and anti-impersonation boundaries for government, public-service, healthcare, education, benefits, permit, and compliance pages.
Use for government, public service, civic service, public healthcare/education, benefits and permit applications, compliance portals, sensitive long forms, official banners, agency identifiers, .gov/.mil/GOV.UK/NHS-style services, legal footer links, and avoiding misleading official endorsement.ProAccessibility · 0ProARIA Component Contract
Define executable contracts for custom component roles, accessible names, keyboard behavior, focus management, state attributes, and test assertions.
Inputs must include component type, whether native HTML can be used, target interaction, state list, Radix/shadcn usage, modal/portal context, keyboard path, and screen-reader expectation.ProAccessibility · 0ProOverlay Focus and Scroll Lock
Define focus trap, focus return, Escape, background inertness, scroll lock, and mobile safe-area contracts for dialogs, drawers, sheets, popovers, and alerts.
Inputs must include overlay type, modal status, trigger element, close methods, nesting, content length, form/destructive-action presence, target devices, and Radix/shadcn/headless primitive usage.Pro