Interface Lab 资源库
技能页收纳所有可复用的局部 Prompt 技法。
局部技能负责布局、动效、边框、阴影、WebGL、图标和组件表现。先挑选当前项目需要的局部能力，再继续组合系统和素材。
提示技能
局部表现层：布局、动效、边框、阴影、WebGL 和可复制的 prompt 技法。
shadcn 注册表与组件组合
以 shadcn/ui 的 open-code、registry、Radix 和 Tailwind 模式为基础，指导组件发现、组合、主题接入和可维护复制粘贴实现。
以 shadcn/ui 的 open-code、registry、Radix 和 Tailwind 模式为基础，指导组件发现、组合、主题接入和可维护复制粘贴实现。Pro实现 · 0Pro开源区块适配流程
把 HyperUI、Flowbite、Preline、Mamba 等开源 Tailwind blocks 转译成项目一致、可访问、可维护的页面模块。
把 HyperUI、Flowbite、Preline、Mamba 等开源 Tailwind blocks 转译成项目一致、可访问、可维护的页面模块。Pro实现 · 0ProReact/Vite 文件包契约
为 React + Vite + TypeScript 直出项目约束文件标记、允许文件、默认导出、依赖白名单、CSS 放置和修复返回格式。
仅在需要输出或修复 React + Vite + TypeScript 文件包时调用；如果用户只要解释、审计或单文件 HTML，不要使用这个 skill。Pro实现 · 0Pro代码示例复制契约
设计、审计或实现开发者文档里的代码块、语法高亮、复制按钮、语言 tabs、API 示例、playground、剪贴板反馈和响应式滚动。
适用场景：docs code block、copy code、API request/response、SDK snippet、install command、语言/包管理器 tabs、Shiki/Prism/Sandpack；输入必须包含文档语境、读者任务、语言/版本、复制目标和目标设备。Pro实现 · 0ProAPI 端点文档契约
设计、审计或实现 OpenAPI/Swagger API reference、端点页、参数表、请求/响应 schema、状态码矩阵、try-it 控制台和 SDK/cURL 示例。
适用场景：API reference、endpoint docs、OpenAPI/Swagger、Redoc、Scalar、try it、request/response schema、auth scopes、webhook/event docs；输入必须包含 method/path、来源 spec、鉴权、参数、请求体、响应/错误、示例和目标渲染器。Pro实现 · 0ProAI 答案引用契约
设计、审计或实现 AI/RAG 答案里的 inline citations、source cards、source drawer、streaming source 状态、证据复制和可审计来源面。
适用场景：AI citations、RAG answer UI、sources、source cards、inline references、Perplexity-style answer、research assistant、streamed message parts、tool evidence；输入必须包含用户任务、证据来源、引用粒度、source metadata、streaming 模型、风险等级和目标前端栈。Pro实现 · 0Pro半透明材质可读性
设计、审计或实现 glass、Liquid Glass、acrylic、mica、smoke、frosted nav、backdrop blur 等半透明界面材质，同时保护对比度、层级、可访问偏好、forced-colors、性能和 CSS fallback。
适用场景：glassmorphism、Liquid Glass、acrylic、mica、smoke、frosted glass、transparent nav/sidebar、backdrop-filter、blurred overlay；输入必须包含 surface role、foreground content、backdrop variability、material intent、interaction model、accessibility targets 和 target stack。Pro实现 · 0ProOKLCH 主题色彩系统
把品牌种子色转成感知均匀的 OKLCH 色阶、浅深色语义 token、CSS 变量、sRGB fallback 和组件状态映射。
输入必须包含：品牌 seed color、目标产品语气、浅色/深色表面、正文/弱文本/边框/主行动/焦点/状态色用途、最低对比度目标和浏览器支持范围。Pro实现 · 0Pro实时协作 Presence
为多人编辑、画布、文档、看板和评论系统建立在线状态、头像栈、光标/选区、冲突反馈、离线恢复和可访问公告。
输入必须包含：协作对象、同步模型、presence 数据字段、用户数量级、权限角色、是否显示光标/选区/评论锚点、离线策略、冲突风险和隐私要求。Pro实现 · 0Pro权限矩阵管理界面
为组织设置、角色、组、项目权限和危险能力开关建立矩阵、继承、预览、批量修改、审计和可访问状态。
输入必须包含：权限对象、角色/组/用户层级、资源范围、继承规则、危险权限、默认角色、批量编辑需求、审计要求和谁有权修改。Pro