Interface Lab 资源库
资源库技能119 项
技能页收纳所有可复用的局部 Prompt 技法。
局部技能负责布局、动效、边框、阴影、WebGL、图标和组件表现。先挑选当前项目需要的局部能力，再继续组合系统和素材。
技能119
网站设计系统93
PPT 风格55
素材232
技能
切到风格提示技能
局部表现层：布局、动效、边框、阴影、WebGL 和可复制的 prompt 技法。
可访问性 · 0Pro
可访问性 UI 基元
为网页和组件生成提供语义 HTML、键盘路径、焦点管理、ARIA、对比度、替代文本和 reduced motion 的基础约束。
为网页和组件生成提供语义 HTML、键盘路径、焦点管理、ARIA、对比度、替代文本和 reduced motion 的基础约束。Pro可访问性 · 0Pro高对比与 Forced Colors
为组件和页面审计高对比、forced-colors、prefers-contrast、焦点指示、非文本对比和系统颜色回退。
先收集目标组件/页面、所有交互状态、可聚焦控件、现有 color token、支持浏览器/系统和目标 WCAG 等级。Pro可访问性 · 0Pro表单错误状态契约
为登录、注册、结账、设置、投稿、筛选、多步表单和后台编辑建立标签、帮助文本、验证时机、内联错误、错误摘要、提交状态、服务端失败恢复、移动输入和前端状态模型。
适用场景：login、signup、checkout、settings form、contribution form、filter form、multi-step form、field validation、server error、disabled/loading submit、aria-describedby、focus return、error summary 或移动端键盘输入。Pro可访问性 · 0Pro事务型表单错误恢复
为公共服务、金融、医疗、申请和后台审核表单建立错误摘要、字段错误、焦点移动、保留输入和继续提交路径。
输入必须包含：表单目的、字段清单、必填/格式/服务端校验规则、提交方式、是否多步、错误数量范围、用户是否已输入敏感或高成本信息。Pro可访问性 · 0Pro公共服务信任锚点
为政务、公共服务、公共医疗、教育、福利/许可申请和合规门户建立官方身份、责任机构、法定链接、语义表单、错误恢复、复核确认和不可冒充边界。
适用场景：government、公共服务、政务、公共医疗/教育、福利/许可申请、合规门户、敏感长表单、官方 banner、agency identifier、.gov/.mil/GOV.UK/NHS 风格服务、法定页脚链接和避免误导性官方背书。Pro可访问性 · 0ProARIA 组件契约
把自定义组件实现前的角色、可访问名称、键盘行为、焦点管理、状态属性和测试断言写成可执行契约。
输入必须包含：组件类型、是否可用原生 HTML、目标交互、状态清单、是否使用 Radix/shadcn、是否在 modal/portal 中、键盘路径和读屏期望。Pro可访问性 · 0Pro浮层焦点与滚动锁
为 dialog、drawer、sheet、popover 和 alert 建立焦点陷阱、返回焦点、Escape、背景不可达、滚动锁和移动端安全区合同。
输入必须包含：浮层类型、是否 modal、触发元素、关闭方式、是否嵌套、内容长度、是否有表单/危险操作、目标设备、是否使用 Radix/shadcn/headless primitive。Pro