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.
Component States System
Complete component state matrices, variants, data attributes, async states, and interaction feedback so generated components are not static mockups only.
Complete component state matrices, variants, data attributes, async states, and interaction feedback so generated components are not static mockups only.ProComponent · 0ProAnimated Component Source Intake
Review copy-in animated component resources such as Magic UI, Motion-Primitives, and Animate UI for licensing, dependencies, interaction contracts, accessibility, and localization.
Inputs must include candidate component URL/repository, target page or component role, frontend stack, dependency budget, license requirements, whether copy-paste source is allowed, and whether this is production use.ProComponent · 0ProComplex Table Hierarchy
Build high-density data tables with task modeling, column priority, responsive disclosure, bulk actions, states, accessible headers, and frontend implementation constraints.
Use for operations dashboards, review queues, finance lists, resource libraries, logs, and permission matrices; inputs must include user task, data scale, columns, primary key, sort/filter needs, bulk actions, permissions, and target viewports.ProComponent · 0ProFile Upload Dropzone States
Design file type, size, batch progress, thumbnails, retry, cancel, and accessible alternatives for upload, drag-and-drop, import, and attachment components.
Inputs must include file purpose, allowed types, max size/count, batch status, immediate-upload behavior, metadata needs, upload API, failure types, target devices, and commercial/privacy requirements.Pro