Gist Page Preview
将代码片段发布为GitHub Gist并生成在线预览链接
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Gist Page Preview。 它的用途是：将代码片段发布为GitHub Gist并生成在线预览链接 完整的 Skill 内容见：https://321skill.com/skills/gist-page-preview-x/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我想分享这个CSS 3D卡片翻转效果，帮我发布到Gist并生成一个预览链接。’ 它会引导你提供代码，然后自动创建Gist并返回一个gists.page的链接，你可以直接发给同事或嵌入文档中查看实时效果。
介绍
这个Skill解决了开发者需要快速在线分享和预览HTML/JS/CSS等前端代码演示的问题。传统方式需要搭建临时服务器或依赖第三方平台，过程繁琐。
通过本Skill，你可以直接将代码片段发布到GitHub Gist，并自动生成一个来自gists.page服务的预览链接。这个链接可以直接在浏览器中打开，实时查看代码的运行效果，非常适合用于代码审查、教学演示或快速原型分享。
它非常适合前端开发、全栈开发、内容创作者以及任何需要在线展示代码效果的用户。无论是分享一个CSS动画、一个JavaScript小插件，还是一个完整的交互式Demo，都能快速获得一个稳定的在线预览地址。
使用建议：确保你的代码片段是自包含的，避免依赖外部不可访问的资源。发布前可在本地简单测试。注意，预览链接的稳定性依赖于gists.page服务。
核心特点
核心区别在于它深度集成了GitHub Gist和gists.page预览服务，提供从代码发布到生成可分享预览链接的一站式自动化流程，无需手动操作多个平台。
注意事项
不适合需要后端服务、数据库交互或复杂服务器端逻辑的完整Web应用预览。
常见问题
生成的预览链接是永久的吗？
链接的持久性取决于GitHub Gist的保留策略和gists.page服务的可用性，通常Gist会长期保存。
支持哪些类型的文件？
主要支持HTML、JavaScript、CSS等Web前端文件，用于创建可直接在浏览器中运行的演示。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/gist-page-preview-x/raw/index.md 读取 Gist Page Preview 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/gist-page-preview-x/raw/index.md（查看排版版本）