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.
Visual Verification Checklist
Provide post-generation checks for desktop/mobile screenshots, builds, accessibility, asset loading, layout stability, and interaction states.
Provide post-generation checks for desktop/mobile screenshots, builds, accessibility, asset loading, layout stability, and interaction states.ProQA · 0ProMotion Accessibility and Performance QA
Audit page and component motion for purpose, reduced-motion, scroll/loop controls, performant properties, lifecycle cleanup, and desktop/mobile evidence.
Inputs must include page/component URL or code, motion inventory, triggers (load/hover/tap/scroll/drag/route), library used (CSS/Motion/GSAP/Lenis/Lottie/Anime.js), target devices, and reduced-motion requirements.ProQA · 0ProCopy-in Motion Localization QA
Turn an adopted Lottie, Motion, GSAP, Magic UI, or registry motion component into a localized, accessible, reducible, and verifiable production component.
Inputs must include adopted component source, target page/task, zh/en copy, state list, motion library, autoplay/loop behavior, target viewports, license record, and production acceptance requirements.ProQA · 0ProFirst Viewport Signal Audit
Audit whether a hero or first viewport immediately shows the real object, value, action, media crop, and next-section hint instead of an abstract shell.
First identify the object users must recognize in the first viewport: brand, product, place, person, offer, tool state, or core task; that object must be one of the strongest first-screen signals.ProQA · 0ProDecorative Background Readability
Audit and implement textures, patterns, gradients, noise, background images, and ambient media without harming readability, semantics, licensing, performance, or responsive layout.
Use for patterned backgrounds, texture overlays, gradient meshes, noise layers, hero backplates, CSS background images, text over media, and low-contrast surfaces; inputs must include surface role, background type, foreground content, asset source, target viewports, and motion behavior.Pro