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.
Framed Grid Layout
Use thin boundaries, corner marks, and strict alignment to frame technical layouts.
Use for technical products, AI/data dashboards, case directories, system monitoring, and lab-like landing pages; inputs must include page goal, major regions, breakpoints, content density, frame/corner needs, and brand tokens.ProLayout · 4.2KProContainer Lines
Use hairline separators and light framed regions to structure dense interfaces.
Use for admin tools, knowledge bases, asset libraries, settings, split editors, dashboards, and dense lists; inputs must include region hierarchy, information density, background token, border token, interaction states, and breakpoints.ProLayout · 0ProResponsive Layout Verification
Constrain page quality with mobile-first layout, container constraints, stable dimensions, text wrapping, and desktop/mobile viewport checks.
Build the information order mobile-first, then expand to tablet and desktop; do not merely squeeze a desktop grid into mobile.ProLayout · 0ProSplit View Master Detail Flow
Design breakpoints, selection state, return paths, empty detail, and mobile fallback for list-detail, sidebar-detail, supporting-pane, and wide-screen productivity interfaces.
Inputs must include object collection, detail hierarchy, list-item metadata, default selection rule, multi-select/batch needs, wide/tablet/mobile breakpoints, detail actions, and supporting-pane need.ProLayout · 0ProHorizontal Portfolio Rail
Design bounded horizontal rails for architecture, photography, portfolios, case libraries, and visual collections with project metadata, controls, scroll snap, accessibility, and mobile vertical fallback.
Use for horizontal portfolios, gallery rails, project carousels, work archives, case-study indexes, and image-led collections; inputs must include item count, item type, project metadata, selection/detail model, control model, breakpoints, and motion budget.Pro