Interface Lab 资源库
资源库技能91 项
技能页收纳所有可复用的局部 Prompt 技法。
局部技能负责布局、动效、边框、阴影、WebGL、图标和组件表现。先挑选当前项目需要的局部能力，再继续组合系统和素材。
技能91
网站设计系统93
PPT 风格55
素材232
技能
切到风格提示技能
局部表现层：布局、动效、边框、阴影、WebGL 和可复制的 prompt 技法。
布局 · 4.8KPro
框架网格布局
使用细边界、角标和严格对齐，把页面组织成清晰的技术框架。
适用场景：技术产品、AI/数据 dashboard、案例目录、系统监控、实验室风格 landing；输入必须包含页面目标、主要区域、断点、内容密度、是否需要角标/网格线和品牌 token。Pro布局 · 4.2KPro容器线框
用细分隔线、轻边框和区域切分建立高密度界面的秩序。
适用场景：后台、知识库、资源库、设置页、分栏编辑器、dashboard 和高密度列表；输入必须包含区域层级、信息密度、背景 token、边框 token、交互状态和断点。Pro布局 · 0Pro响应式布局验证
用 mobile-first、容器约束、稳定尺寸、文本换行和桌面/移动双视口检查来约束网页生成质量。
从移动端先建立信息顺序，再逐步扩展到 tablet 和 desktop；不要把桌面网格硬压缩成移动端。Pro布局 · 0Pro主从分栏信息流
为列表详情、侧边栏详情、支持面板和宽屏生产力界面建立断点、选择状态、返回路径、空详情和移动端降级规则。
输入必须包含：对象集合、详情层级、列表项 metadata、默认选择规则、可多选/批量操作、宽屏/平板/移动断点、详情内行动和是否需要支持面板。Pro布局 · 0Pro横向作品集 Rail
为建筑、摄影、作品集、案例库和视觉收藏建立有限横向 rail、项目元数据、控件、scroll-snap、可访问性和移动端纵向降级。
适用场景：horizontal portfolio、gallery rail、project carousel、work archive、case-study index、image-led collection；输入必须包含条目数量、条目类型、项目元数据、选中/详情模型、控件模型、目标断点和动效预算。Pro