pakco.html · Visual taste menu for AI agents

English · 中文说明 →

Stop describing taste. Pick it.

A local-first visual menu for AI agents — browse 60+ real previews, click a card, get an executable prompt. Paste it into Claude Code / Codex / Hermes / WorkBuddy / TRAE Work and the agent generates the deck following the visual constraints you picked.

▶ Quick start

Codex

In Codex, ask:

Install this skill from GitHub: https://github.com/pakco77/pakco-html
Use the repo root as the skill path and install it as pakco-html.

Or install from a terminal:

curl -fsSL https://raw.githubusercontent.com/pakco77/pakco-html/refs/heads/main/scripts/install-codex.sh | bash

# serve for live iframe previews
cd ~/.codex/skills/pakco-html && python3 -m http.server 8000
# visit: http://localhost:8000/templates/style-picker.html

Restart Codex after installation so it reloads the skill list.

Claude Code / AgentSkill CLI

npx skills add https://github.com/pakco77/pakco-html

# serve for live iframe previews
cd ~/.claude/skills/pakco-html && python3 -m http.server 8000
# visit: http://localhost:8000/templates/style-picker.html

WorkBuddy

curl -fsSL https://raw.githubusercontent.com/pakco77/pakco-html/refs/heads/main/scripts/install-agent.sh | bash -s -- workbuddy

# serve for live iframe previews
cd ~/.workbuddy/skills/pakco-html && python3 -m http.server 8000
# visit: http://localhost:8000/templates/style-picker.html

Restart WorkBuddy or refresh Skills after installation.

TRAE Work / TRAE SOLO

# TRAE Work CN / TRAE SOLO CN
npx skills add https://github.com/pakco77/pakco-html --agent trae-cn -g

# International edition
npx skills add https://github.com/pakco77/pakco-html --agent trae -g

The fallback installer target for TRAE Work CN is trae-work. Restart TRAE Work or refresh Skills after installation.

Other AgentSkill agents

For agents supported by the skills CLI, install to a specific agent:

npx skills add https://github.com/pakco77/pakco-html --agent kimi-code-cli
npx skills add https://github.com/pakco77/pakco-html --agent qwen-code
npx skills add https://github.com/pakco77/pakco-html --agent gemini-cli

For agents that read a local SKILL.md directory but are not in the CLI list, use the generic installer:

curl -fsSL https://raw.githubusercontent.com/pakco77/pakco-html/refs/heads/main/scripts/install-agent.sh | bash -s -- ~/.some-agent/skills/pakco-html

Known generic targets include codex, claude, kimi, qwen, gemini, kiro, cursor, hermes, codebuddy, workbuddy, trae, trae-cn, and trae-work.

Click any card → prompt copied → paste into your agent → done.

📦 What’s inside

Plus 31 single-page layouts, 27 CSS animations, 20 canvas FX, and presenter mode (S key).

🙏 Credit

The visual work belongs to upstream authors — this repo is a packaging + picker layer:

• 🎨 lewislulu/html-ppt-skill — core skill: skins, layouts, animations, runtime
• 🪶 op7418/guizang-ppt-skill — magazine & Swiss deck templates
• 🖼 op7418/guizang-social-card-skill — social card system
• 🧩 Leonxlnx/taste-skill — UI taste system

License

MIT © 2026 lewis. Upstream skills retain their own licenses.