实时制品 live-artifact
SkillSkillsMP
io.github.nexu-io/open-design/live-artifact
创建可刷新、可审计的 OpenDesign 制品，由连接器或本地数据驱动。当用户要求实时仪表盘、可刷新报表、同步视图或可复用的数据驱动制品时触发。
source
“X Articles” 共 1,809 个结果
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 的架构评审：本地守护进程 + 代理运行时设计、权衡取舍与定稿决策。以面向资深工程师、技术负责人与安全的决策级产品管理幻灯片构建。
io.github.nexu-io/open-design/html-ppt-obsidian-claude-gradient
OpenDesign 的企业级 AI 采纳简报：本地优先的工作代理、风险控制、ROI 与落地计划。以面向管理层、IT 与安全的决策级 AI 素养幻灯片构建。
io.github.nexu-io/open-design/huashu-takram-soft-tech
OpenDesign 采购与安全留守材料：买方可转发、可在内部审批的一页纸加附录。以面向采购委员会、安全与采购团队的决策级 B2B 销售幻灯片构建。
io.github.nexu-io/open-design/html-ppt-zhangzara-retro-windows
面向全体员工的 IT 安全意识培训——识别钓鱼邮件的征兆、演练与最初 60 秒该做什么。以决策级专业培训幻灯片形式构建。
io.github.nexu-io/open-design/last30days
针对最近 30 天的社区与社交趋势调研。当需求询问当下大家在说什么、近期舆情、社区反应、社交背书、发布反响、趋势扫描或近 30 天背景时使用。
io.github.nexu-io/open-design/artifacts-builder
用于创建精致的多组件 claude.ai HTML 制品的工具集，采用现代前端技术（React、Tailwind CSS、shadcn/ui）。
io.github.nexu-io/open-design/open-design-homepage
对线上 open-design.ai 主页的像素级忠实、自包含镜像——交互式 React Three Fiber / Next.js hero，含实时 3D 字标、贴纸拼贴、可变字体与滚动驱动动效。展示交互式网页营销页面视觉上限的第一方范例。
io.github.nexu-io/open-design/web-artifacts-builder
使用 React 与 Tailwind 构建复杂的 claude.ai HTML 制品。Anthropic 的参考工作流，用于交付可嵌入的丰富制品。
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 的程序化视频创作。适用于品牌讲解片、社媒剪辑、仪表盘转视频与可复现的动效图形。