共 5,773 个资源
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 画板直接交付给前端代理。
io.github.nexu-io/open-design/swiftui-design
SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.
io.github.nexu-io/open-design/webgl-voronoi-cells
自包含的 WebGL2 hero：活的 Voronoi 网络，特征点漂移、单元按主色着色、边界发光；移动光标可推动细胞。
io.github.nexu-io/open-design/webgl-liquid-iridescence
自包含的 WebGL2 hero：活水覆油场域被提亮为虹彩焦散丝线；移动光标可扭曲流向。
io.github.nexu-io/open-design/webgl-holographic-foil
自包含的 WebGL2 hero：压皱箔面上的薄膜干涉效果，配色随视角变化；移动光标可倾斜薄膜。
io.github.nexu-io/open-design/webgl-halftone-drift
自包含的 WebGL2 hero：流动场域经旋转半色调网点筛分为双色印刷质感；移动光标可弯曲漂移。
io.github.nexu-io/open-design/webgl-aurora-veil
自包含的 WebGL2 hero：层叠极光幕帘在散布繁星的夜空上扭曲变形；移动光标可摆动幕帘。
io.github.nexu-io/open-design/webgl-distortion-grain
随滚动联动的纵向画廊（Three.js）：平面随滚动速度弯曲，在光标下经单纯形噪声产生涟漪，并带胶片颗粒感。
io.github.nexu-io/open-design/frame-flowchart-sticky
SVG 曲线连接器、便利贴节点与光标交互，营造白板头脑风暴的观感。
io.github.nexu-io/open-design/orbit-notion
Open Orbit 简报技能——当 Notion 是用户唯一连接的连接器，或用户显式将每日摘要限定在 Notion 时，由 Orbit 流水线选用。从用户已授权的 Notion 连接拉取过去 24 小时的文档编辑、评论、提及与数据库行变更，并将摘要渲染为原生 Notion 页面（callout / 折叠块 / 数据库表原语）。不应手动触发此技能——它由 Orbit 的每日摘要调度器针对实时 Notion 数据调用。
io.github.nexu-io/open-design/orbit-notion
Open Orbit 简报技能——当 Notion 是用户唯一连接的连接器，或用户显式将每日摘要限定在 Notion 时，由 Orbit 流水线选用。从用户已授权的 Notion 连接拉取过去 24 小时的文档编辑、评论、提及与数据库行变更，并将摘要渲染为原生 Notion 页面（callout / 折叠块 / 数据库表原语）。不应手动触发此技能——它由 Orbit 的每日摘要调度器针对实时 Notion 数据调用。
io.github.nexu-io/open-design/live-dashboard
以 Live Artifact 渲染的 Notion 风格团队仪表盘。单页自包含 HTML 仪表盘，含 KPI、7 日迷你折线、实时活动流与关联数据库任务表——经由 Composio 连接器目录接入 Notion。按需及打开制品时刷新。未绑定连接器时回退到内置模拟数据，离线、截图与选择器预览中均可工作。
io.github.nexu-io/open-design/html-ppt-obsidian-claude-gradient
OpenDesign 的企业级 AI 采纳简报：本地优先的工作代理、风险控制、ROI 与落地计划。以面向管理层、IT 与安全的决策级 AI 素养幻灯片构建。
io.github.nexu-io/open-design/deck-open-slide-canvas
OpenDesign 的架构评审：本地守护进程 + 代理运行时设计、权衡取舍与定稿决策。以面向资深工程师、技术负责人与安全的决策级产品管理幻灯片构建。
