Interface Lab

资源库技能119 项

技能页收纳所有可复用的局部 Prompt 技法。

局部技能负责布局、动效、边框、阴影、WebGL、图标和组件表现。先挑选当前项目需要的局部能力，再继续组合系统和素材。

技能119

网站设计系统93

PPT 风格55

素材232

技能

局部表现层：布局、动效、边框、阴影、WebGL 和可复制的 prompt 技法。

设计、审计或实现零售电商从首页/分类/搜索、商品列表筛选排序、PDP、加购反馈、购物车审阅到访客结账、地址校验、支付错误和订单确认的完整漏斗。

适用场景：零售电商、在线商店、商品目录、PLP、PDP、购物车、mini cart、checkout、访客结账、配送/自提、支付、优惠码、订单确认和转化率优化；食品餐饮下单优先使用 food-commerce skill。

设计、审计或实现餐饮/食品快商首屏、菜单卡、价格证据、食材/营养证明、购物车状态和下单动效降级。

适用场景：餐厅、咖啡、饮品、烘焙、快餐、外带、云厨房、食品电商和 food pop-up 页面；输入必须包含业务类型、主转化、首屏产品对象、菜单数据、价格/证据、动效计划和目标视口。

为 AI 生成、转码、导入、长任务和队列流程建立阶段进度、可取消/重试、部分结果、失败恢复和状态公告。

输入必须包含：任务类型、预估耗时、是否可估算百分比、阶段清单、是否有队列、是否可取消、是否可返回后台、失败是否可重试、是否能展示部分结果。

为移动端工具栏、筛选器、底部行动栏和长文案按钮建立行动优先级、触控目标、safe-area、键盘和不溢出规则。

适用场景：移动端顶部工具栏、底部行动栏、筛选条、批量操作、详情页 action cluster、长文案 CTA；输入必须包含行动清单、频率、危险性、是否需要文本、目标视口和键盘场景。

为知识库、素材库、模板库、组件库和案例库建立搜索、分类、facet、命中摘要、空结果和详情返回流程。

输入必须包含：库类型、条目数量级、主要用户任务、条目 metadata 字段、可筛选字段、排序策略、详情页路径和是否供 RAG/agent 调用。

为首次空、搜索无结果、筛选为空、权限空、配置缺失、后端失败、离线和完成清空状态设计原因说明、行动路径和前端状态合同。

输入必须包含：surface 类型、主任务、空状态原因、用户权限、当前 query/filter/loading/error 状态、可用行动、文案语气、目标视口和数据源/错误码。

为加载、骨架屏、inline loading、spinner、进度条、乐观更新、流式占位和刷新状态设计时长判断、状态机、可访问反馈和前端实现契约。

输入必须包含：surface 类型、操作类型、预期时长、是否可测量进度、是否有旧内容、重复提交风险、可取消/重试/后台处理能力、目标视口和前端状态来源。

为 Command Palette、快速动作菜单、全局搜索和资源跳转建立分组、快捷键、键盘导航、空状态、权限和移动端 fallback。

输入必须包含：命令来源、目标用户、命令数量级、是否全局搜索、可执行/可导航命令区别、权限模型、快捷键、移动端入口和是否使用 cmdk/shadcn。

为申请、开户、设置向导和导入流程建立步骤指示、草稿保存、跨步校验、回顾页、恢复入口和提交确认。

输入必须包含：流程目的、步骤清单、是否线性、每步字段/任务、可保存内容、身份/登录要求、超时规则、跨步依赖、最终提交风险和目标设备。

为 toast、inline notification、banner、modal、通知中心和告警收件箱建立严重性、持久性、行动、公告和归档规则。

输入必须包含：消息来源、严重性、是否阻断任务、是否需要用户行动、是否可自动消失、是否需要历史记录、权限范围、频率和目标设备。