“X Articles” 共 1,024 个结果
io.github.kortix-ai/suna/web-publishing-and-deployments
将网站或 Web 应用从沙箱发布到公网 URL，并部署到云厂商——获取可分享的真实链接、发布静态站点或 SPA、将已构建站点上线，或部署框架应用/容器。当用户说「publish this」「deploy it」「put it online」「give me a live URL」「host this」「share a preview link」，或希望让其（或你）刚构建的站点/应用可达于 Web 时使用。涵盖零账户即时路径（Cloudflare）与永久托管（Vercel，含任意 Dockerfile）。同时负责发布护栏：绝不在未经要求时发布、如何诚实地将站点下线、运行时依赖与数据持久性检查，以及强制的发布前安全审查。指向 kortix-marketplace 获取其他厂商及更深入的厂商专项技能。
io.github.nexu-io/open-design/hyperframes
在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、配音、音频反应视觉与场景转场。当需要构建任何基于 HTML 的视频内容、添加与音频同步的字幕、生成语音旁白、创建音频反应动画（节拍同步、随音乐律动的辉光/脉冲）、添加文字高亮动画（马克笔扫过、手绘圆圈、爆裂线条、涂鸦、草图描出）或场景间转场（交叉淡入淡出、擦除、揭示、着色器转场）时使用。涵盖合成编排、时序、媒体与完整视频制作工作流。CLI 命令（init、lint、preview、render、transcribe、tts）参见 hyperframes-cli 技能。
io.github.nexu-io/open-design/hyperframes
在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、配音、音频反应视觉与场景转场。当需要构建任何基于 HTML 的视频内容、添加与音频同步的字幕、生成语音旁白、创建音频反应动画（节拍同步、随音乐律动的辉光/脉冲）、添加文字高亮动画（马克笔扫过、手绘圆圈、爆裂线条、涂鸦、草图描出）或场景间转场（交叉淡入淡出、擦除、揭示、着色器转场）时使用。涵盖合成编排、时序、媒体与完整视频制作工作流。CLI 命令（init、lint、preview、render、transcribe、tts）参见 hyperframes-cli 技能。
io.github.nexu-io/open-design/web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。
io.github.nexu-io/open-design/wireframe-annotated
带标注/红线的低保真线框图——桌面落地页/营销页以扁平灰盒画在浏览器边框内，叠加单一主色的编号标注针（①②③④⑤），并配右侧规格面板逐条列出每个编号针的简短工程/UX 说明。这是「线框 + 红线规格」风格——干净、扁平、低保真、非手绘。当需求提到「annotated wireframe」「redline wireframe」「wireframe with spec」「lo-fi landing wireframe」「low fidelity」「线框图」「标注线框」或「redline」时使用。
io.github.nexu-io/open-design/threejs
用于在浏览器中创建 3D 元素与交互体验的 Three.js 技能——场景、材质、控制器与后期处理。
io.github.nexu-io/open-design/figma-code-connect-components
使用 Code Connect 将 Figma 设计组件与代码组件连接，让设计系统更新自动流入代码库。
io.github.nexu-io/open-design/orbit-general
Open Orbit 简报技能——当用户连接了两个及以上连接器时由 Orbit 流水线选用。从每个已授权连接器（GitHub、Linear、Notion、Slack、飞书、Calendar、Gmail、Drive、Sentry、Vercel 等）拉取过去 24 小时的活动，并在「我的设计」顶部渲染单一自适应 bento 网格仪表盘。每个连接器模块按返回数据的形态自选 UI 形式（列表、头像堆叠、状态环、热力图、文件网格、告警卡等），使布局随 Orbit 连接器生态的增长而扩展。不应手动触发此技能——它由 Orbit 的每日摘要调度器针对用户实时连接器数据调用。
io.github.nexu-io/open-design/html-ppt-zhangzara-coral
OpenDesign 在 GitHub、Discord 与 X 上的社区增长战役：增长闭环、内容日历与漏斗数学。以面向增长团队与社区负责人的决策级营销 & GTM 幻灯片构建。
io.github.nexu-io/open-design/html-ppt-zhangzara-coral
OpenDesign 在 GitHub、Discord 与 X 上的社区增长战役：增长闭环、内容日历与漏斗数学。以面向增长团队与社区负责人的决策级营销 & GTM 幻灯片构建。
io.github.nexu-io/open-design/od-plugin-publish-github
使用 gh CLI 将本地 OpenDesign 插件发布到新的公开 GitHub 仓库。
io.github.nexu-io/open-design/share-github-pr
当用户想把已验收的插件或制品打包成面向 OpenDesign 或其他目标仓库的 GitHub pull request 时使用此插件。
io.github.nexu-io/open-design/orbit-github
Open Orbit 简报技能——当 GitHub 是用户唯一连接的连接器，或用户显式将每日摘要限定在 GitHub 时，由 Orbit 流水线选用。从用户已授权的 GitHub 连接拉取过去 24 小时的 PR、评审请求、issue、CI 运行与合并，并按 GitHub 原生通知 + PR diff 的视觉语言渲染布局。不应手动触发此技能——它由 Orbit 的每日摘要调度器针对实时 GitHub 数据调用。
io.github.nexu-io/open-design/sprite-animation
像素/精灵图风格的动画讲解幻灯片——全出血奶油色舞台、醒目的大字年份、动画像素吉祥物（如花札卡牌、蘑菇或 8-bit 主机）、动感日文展示字体、滴答走动的timeline 缎带。观感如同教育动效视频中的一帧——循环 CSS 关键帧、无 JS、可直接录屏成竖版视频。当需求提到「sprite animation」「pixel-art video」「8-bit explainer」「history of X explainer」「kinetic typography history」「Nintendo-style」「精灵图动画」「像素动画」或「复古动画」时使用。
io.github.nexu-io/open-design/tweaks
为任意 HTML 制品套上一个侧边面板，提供实时参数化控件——主色、字号阶梯、密度、动效、主题——实时改写 CSS 自定义属性并持久化到 localStorage。让用户无需重新提示代理即可探索设计变体。当需求提到「variants」「side-by-side options」「tweak this」「let me adjust」「live knobs」或「实时调参」时使用。
io.github.nexu-io/open-design/tweaks
为任意 HTML 制品套上一个侧边面板，提供实时参数化控件——主色、字号阶梯、密度、动效、主题——实时改写 CSS 自定义属性并持久化到 localStorage。让用户无需重新提示代理即可探索设计变体。当需求提到「variants」「side-by-side options」「tweak this」「let me adjust」「live knobs」或「实时调参」时使用。
io.github.nexu-io/open-design/motion-frames
单帧动效设计合成，含循环 CSS 动画——旋转字环、动画地球、滴落计时器、视差标签。渲染结果如同可直接交给 HyperFrames 或任意关键帧导出器的 hero 视频海报。当需求提到「motion design」「animated hero」「loop」「video poster」「title card」，或要将 Open Claude Design 搭配 HyperFrames 做动感导出时使用。
io.github.nexu-io/open-design/gamified-app
多帧游戏化移动应用原型——暗色展示舞台上的三个手机边框。第一帧：封面/海报；第二帧：今日任务，带 XP 缎带与等级条；第三帧：任务详情。鲜活的任務磁贴、等级缎带与底部标签栏。当需求提到「gamified app」「habit tracker」「RPG-style life app」「level-up app」「daily quests」「XP / streak app」或「ELI5-style explainer app」时使用。
io.github.nexu-io/open-design/wireframe-mobile-flow
低保真的多屏移动端流程线框——看板上并排三个或四个手机边框，展示串联的用户流程（引导 → 首页信息流 → 详情 → 确认）。设备内为灰盒内容，屏间用虚线箭头与编号步骤标签连接，另配少量批注气泡。观感如同像素未定稿前贴在白板上的应用流程图。当需求提到「mobile wireframe」「app flow」「user flow wireframe」「lo-fi mobile」「low fidelity」「线框图」「移动端线框」或「App 流程」时使用。
io.github.nexu-io/open-design/html-ppt-zhangzara-capsule
产品经理的年终自我复盘——职责、成果、成长与诉求，全部有证据支撑。以面向上级与评审委员会的决策级职业幻灯片构建。
io.github.nexu-io/open-design/critique
对项目中的任意 HTML 制品执行 5 维专家设计评审——理念 / 视觉层级 / 细节 / 功能性 / 创新性，每项 0–10 分。输出一份自包含 HTML 报告，含雷达图、有证据支撑的分数，以及三个清单：保留 / 修复 / 快速改进。当需求要求「design review」「design critique」「5 维度评审」「design audit」或「我的设计哪里有问题」时使用。
io.github.nexu-io/open-design/live-artifact
创建可刷新、可审计的 OpenDesign 制品，由连接器或本地数据驱动。当用户要求实时仪表盘、可刷新报表、同步视图或可复用的数据驱动制品时触发。
io.github.nexu-io/open-design/live-artifact
创建可刷新、可审计的 OpenDesign 制品，由连接器或本地数据驱动。当用户要求实时仪表盘、可刷新报表、同步视图或可复用的数据驱动制品时触发。
io.github.nexu-io/open-design/figma-implement-design
将 Figma 设计翻译为可投产代码，实现 1:1 视觉还原。适合把 Figma 画板直接交付给前端代理。
