用途:pakco-html 是一个面向 AI 代理的本地优先技能,用于生成 HTML 演示文稿(deck)、网页和社交卡片。它提供可视化的风格菜单,用户浏览样式后复制可执行提示词,再交给 Claude Code、Codex、Hermes、WorkBuddy、TRAE Work 等代理生成带稳定视觉约束的成品。
主要能力:内置 36 套主题(assets/themes/*.css)、24 张整册风格卡(15 个原生多页模板加 9 个 Guizang 变体)、31 种单页布局、27 个 CSS 入场动画和 20 个 canvas FX 动画。所有页面共享 assets/base.css 的 token 设计系统。附带键盘运行时(方向键翻页、T 换主题、A 换动画、F 全屏、S 演讲者模式、N 备注抽屉、O 总览)、FX 运行时、主题/布局/动画展示页,以及无头 Chrome 的 PNG 导出脚本。
使用方式:按代理选择安装命令,例如 Codex 用 curl -fsSL https://raw.githubusercontent.com/pakco77/pakco-html/refs/heads/main/scripts/install-codex.sh | bash;Claude Code 用 npx skills add https://github.com/pakco77/pakco-html;WorkBuddy 用 install-agent.sh 加 workbuddy 参数;TRAE 用 npx skills add ... --agent trae-cn -g。打开风格菜单时在 SKILL_ROOT 运行 python3 -m http.server 8000,再访问 http://localhost:8000/templates/style-picker.html。新建演示可用 ./scripts/new-deck.sh my-talk,导出 PNG 用 ./scripts/render.sh。
适用场景:幻灯片、PPT 式报告、视觉网页、社交卡片、技术分享、产品发布、周报、小红书图文、课程模块,以及需要逐字稿的演讲者模式。
限制:纯静态 HTML/CSS/JS,无构建步骤,仅使用 CDN 网络字体;网页模式不需要 runtime.js。资料未提供收费、价格或效果保证等信息。