kevintsai1202

Teaching Site Skills — Data skill for Claude Code

Data community

11 agent skills (Anthropic Skills format) — one npx skills add installs the full pipeline for building interactive teaching sites end-to-end on Claude Code / Codex / Antigravity / 55+ AI coding agen.

How to install Teaching Site Skills

This entry records only its repository, not the path inside it, so there is no exact command to give. Open kevintsai1202/teaching-site-skills and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Teaching Site Skills does

11 agent skills (Anthropic Skills format) — one `npx skills add` installs the full pipeline for building interactive teaching sites end-to-end on Claude Code / Codex / Antigravity / 55+ AI coding agents. ｜ 11 個 agent skills，一條 npx skills add 把「從零打造互動式教學網站」完整 pipeline 裝進 55+ AI coding agent。

Alternatives in Data

Privacy & Data Handling — This repository contains: - a plugin package (plugins/compound-engineering) made of markdown/config content 10.8k ★
Arcgis To Portaljs — Migrate a whole ArcGIS Hub site (opendata.arcgis.com or a Hub Premium custom domain) into a PortalJS Arc porta 2.3k ★
Local News Site — Publish a local news article as a standalone Elementor page, with Google News-grade structured data and image 648 ★

README

Teaching Site Skills

**Languages:** **English** · [繁體中文](README.zh-TW.md) · [简体中文](README.zh-CN.md) · [日本語](README.ja.md)

A set of **11 agent skills** ([Anthropic Skills format](https://code.claude.com/docs/en/skills)) that capture the full workflow of building an interactive teaching site from scratch. The pipeline covers: outline design → content authoring → vanilla-JS SPA → interactions → visual assets → corporate-edition compression → ebook delivery, plus three cross-cutting skills: behavioral verification, content audit, and a visual design system.

Supports Claude Code, Codex, Antigravity (Gemini), Cursor, OpenCode, and [55+ AI coding agents](https://github.com/vercel-labs/skills) — installed via the `skills` CLI. Claude Code is the primary development and test platform; other agents are statically compatible.

Distilled from a four-day workshop site (admin & finance AI automation), but every skill has been abstracted to a generic level — applicable to any "chaptered / multi-unit / with-materials" teaching site.

Structure: 1 super-skill + 10 sub-skills

After installation, the skills are unpacked into each agent's skills directory (Claude Code: `~/.claude/skills/`; Codex: `~/.codex/skills/`; Antigravity: `~/.gemini/antigravity/skills/`; others — see the [skills CLI matrix](https://github.com/vercel-labs/skills)):

/
├── teaching-site/                          ← ⭐ super-skill entry (with references/)
│   ├── SKILL.md                            ←   architecture + dispatch logic
│   └── references/                         ←   load-on-demand supplements
│       ├── consistency-checklists.md       ←   post-stage cross-file checks
│       ├── scenarios.md                    ←   common prompt → flow mapping
│       ├── troubleshooting.md              ←   failure-mode triage
│       └── design-rationale.md             ←   why the skills are split this way
│
├── course-outline-design/                  ← Stage 1  course outlin