探索 MCP Server 与 Agent Skill

io.github.nexu-io/open-design/html-ppt-zhangzara-retro-windows

面向全体员工的 IT 安全意识培训——识别钓鱼邮件的征兆、演练与最初 60 秒该做什么。以决策级专业培训幻灯片形式构建。

io.github.nexu-io/open-design/pptx-html-fidelity-audit

将 python-pptx 导出结果与其源 HTML 演示文稿对照审查，识别布局/内容偏差（页脚溢出、内容裁切、缺失斜体/强调、样式丢失、节奏失衡的间距），并以严格的页脚导轨 + 光标流布局纪律重新导出。当用户的 .pptx 由 HTML 幻灯片生成并要求比较/审查/验证/修复导出时使用——包括「compare ppt with html」「fidelity audit」「fix the pptx」「ppt is cut off」「footer overlap」「italic missing in pptx」「re-export the deck」「pptx-html-fidelity-audit」等说法，或任何需要验证/修复 python-pptx 与 HTML 往返转换的场景。当用户并排展示 deck.html 与 deck.pptx 并调试视觉差异时也应触发。

io.github.nexu-io/open-design/pptx-html-fidelity-audit

将 python-pptx 导出结果与其源 HTML 演示文稿对照审查，识别布局/内容偏差（页脚溢出、内容裁切、缺失斜体/强调、样式丢失、节奏失衡的间距），并以严格的页脚导轨 + 光标流布局纪律重新导出。当用户的 .pptx 由 HTML 幻灯片生成并要求比较/审查/验证/修复导出时使用——包括「compare ppt with html」「fidelity audit」「fix the pptx」「ppt is cut off」「footer overlap」「italic missing in pptx」「re-export the deck」「pptx-html-fidelity-audit」等说法，或任何需要验证/修复 python-pptx 与 HTML 往返转换的场景。当用户并排展示 deck.html 与 deck.pptx 并调试视觉差异时也应触发。

io.github.nexu-io/open-design/export-nextjs-handoff

当用户希望把已验收的 OpenDesign 制品转换为 Next.js App Router 交付物——整洁的组件、样式、资源与实现说明——时使用此插件。

io.github.nexu-io/open-design/x-research

针对 X/Twitter 公开舆情的调研，覆盖近期市场、公司、产品或社区讨论。当需求询问 X 上大家在说什么、Twitter 舆情、CT 情绪、公众观点、专家帖子，或围绕某只股票、板块、公司、产品或市场事件的社交反应时使用。

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-pixel-reveal-gallery

随滚动联动的瀑布流画廊（Three.js + GSAP）：每张图在进入视口时以像素/网格溶解方式显现，配分裂文字标题与点击全屏的 Flip 动画。

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-design

创建具有独特风格、生产级质量的前端界面：强视觉主张、精致排版、考究布局，并交付可运行的 HTML/CSS/JS 或框架代码。适用于网站、落地页、仪表盘、React 组件、应用界面与 UI 美化。

io.github.nexu-io/open-design/frontend-skill

以克制的构图创建视觉表现出色的落地页、网站与应用 UI。OpenAI 生产级前端实战手册。

io.github.nexu-io/open-design/vfx-text-cursor

光标光迹、彩色光线与方向光斑，用于视频开场中逐词揭示引文。