WebGL 景深画廊 webgl-depth-gallery
SkillSkillsMP
io.github.nexu-io/open-design/webgl-depth-gallery
随滚动联动的 3D 图片画廊（Three.js）：Z 轴堆叠的图片在各自情绪化背景色间交叉淡入淡出，带速度呼吸感、发光光标轨迹，以及编辑风格的 CMYK/RGB/HEX/PMS 色卡。
source
“Graphic Design” 共 903 个结果
io.github.nexu-io/open-design/webgl-depth-gallery
随滚动联动的 3D 图片画廊（Three.js）：Z 轴堆叠的图片在各自情绪化背景色间交叉淡入淡出，带速度呼吸感、发光光标轨迹，以及编辑风格的 CMYK/RGB/HEX/PMS 色卡。
io.github.nexu-io/open-design/remotion
基于 React 的程序化视频创作。适用于品牌讲解片、社媒剪辑、仪表盘转视频与可复现的动效图形。
io.github.nexu-io/open-design/github-dashboard
GitHub 仓库分析仪表盘——star、fork、贡献者、issue、pull request、近期动态与头部贡献者。当需求要求 GitHub 仓库仪表盘、开源增长报告、仓库健康页面或 GitHub 分析视图时使用。
io.github.nexu-io/open-design/frontend-slides
将 OpenDesign 作为 AI 工作流实例展示：本地代理如何读取你的文件并在你的桌面上完成设计——具体而实在。作为面向 AI 新手团队与管理层的决策级 AI 素养演示文稿构建。
io.github.nexu-io/open-design/github-dashboard
GitHub 仓库分析仪表盘——star、fork、贡献者、issue、pull request、近期动态与头部贡献者。当需求要求 GitHub 仓库仪表盘、开源增长报告、仓库健康页面或 GitHub 分析视图时使用。
io.github.nexu-io/open-design/mobile-onboarding
以并排三个手机边框渲染的多屏移动引导流程——启动页、价值主张、登录。含状态栏、滑动指示点与主 CTA。当需求提到「mobile onboarding」「iOS onboarding」「phone signup」或「移动端引导」时使用。
io.github.nexu-io/open-design/mobile-app
在页面内以像素级精确的 iPhone 15 Pro 边框中渲染的移动应用界面。通过复制种子文件 `assets/template.html` 并粘贴 `references/layouts.md` 中的一种界面原型构建。当需求提到「mobile app」「iOS app」「Android app」「phone screen」或「app UI」时使用。
io.github.nexu-io/open-design/frontend-slides
生成带动画丰富度与视觉样式预览的 HTML 演示文稿。适用于在线主题演讲、嵌入式演讲与交互式简报。
io.github.nexu-io/open-design/frontend-dev
全栈前端，支持电影感动画与通过 MiniMax API 生成的媒体内容和生成艺术。适用于首屏 hero 页面与展示型站点。
io.github.nexu-io/open-design/frontend-skill
以克制的构图创建视觉表现出色的落地页、网站与应用 UI。OpenAI 生产级前端实战手册。
io.github.nexu-io/open-design/vfx-text-cursor
光标光迹、彩色光线与方向光斑，用于视频开场中逐词揭示引文。
io.github.nexu-io/open-design/agent-browser
面向 AI 代理的浏览器自动化 CLI。当用户需要检查、测试或自动化浏览器行为时使用：导航页面、填写表单、点击按钮、截图、提取页面数据、读取选中的 OpenDesign 浏览器标签上下文、测试 Web 应用、试用 OpenDesign 预览、QA、找 bug 或评估应用质量。除非用户明确要求外部浏览，否则优先使用本地 OpenDesign 预览地址。
io.github.nexu-io/open-design/clone-audit-mrlv3nl4
审查被克隆或重新实现的网站：保真度缺口、跟踪脚本、源品牌与语言残留、占位符与高风险外部依赖。在交付或部署前使用，或当被要求审查网站克隆的清理与就绪程度时使用。
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/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/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/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/critique
对项目中的任意 HTML 制品执行 5 维专家设计评审——理念 / 视觉层级 / 细节 / 功能性 / 创新性，每项 0–10 分。输出一份自包含 HTML 报告，含雷达图、有证据支撑的分数，以及三个清单：保留 / 修复 / 快速改进。当需求要求「design review」「design critique」「5 维度评审」「design audit」或「我的设计哪里有问题」时使用。
io.github.nexu-io/open-design/live-dashboard
以 Live Artifact 渲染的 Notion 风格团队仪表盘。单页自包含 HTML 仪表盘，含 KPI、7 日迷你折线、实时活动流与关联数据库任务表——经由 Composio 连接器目录接入 Notion。按需及打开制品时刷新。未绑定连接器时回退到内置模拟数据，离线、截图与选择器预览中均可工作。
io.github.nexu-io/open-design/x-research
针对 X/Twitter 公开舆情的调研，覆盖近期市场、公司、产品或社区讨论。当需求询问 X 上大家在说什么、Twitter 舆情、CT 情绪、公众观点、专家帖子，或围绕某只股票、板块、公司、产品或市场事件的社交反应时使用。
io.github.nexu-io/open-design/mobile-app
在页面内以像素级精确的 iPhone 15 Pro 边框中渲染的移动应用界面。通过复制种子文件 `assets/template.html` 并粘贴 `references/layouts.md` 中的一种界面原型构建。当需求提到「mobile app」「iOS app」「Android app」「phone screen」或「app UI」时使用。