learn-claude-code/web
Haoran 57897f3729 feat: add Phase 5 security chapters s13/s14/s17 with visualizations
Add three new chapters to the learn-claude-code curriculum:

- s13: Permission Guard — 5-mode permission system (allow/deny/ask/edit/auto_edit)
- s14: Security Classifier — two-layer pipeline (regex quick-scan + LLM classify)
- s17: Secure Extension Harness — 5-layer execution pipeline combining all layers

Backend: standalone Python agents with tri-lingual docs (en/zh/ja)
Frontend: animated SVG visualizations for Learn tab, execution flow diagrams
  for Deep Dive tab, scenario data for Simulate tab

Also includes:
- Rewrite getEdgePath to use bezier curves, fixing crossing/overlapping edges
  in execution flow diagrams (especially s12)
- Add loop-back routing along left side for backward edges
- Add same-row horizontal connection support
- Add security layer dot color (cyan) to sidebar navigation
- Unify zh.json sidebar titles to English for consistency
2026-04-30 03:40:25 +08:00
..
public feat: build an AI agent from 0 to 1 -- 11 progressive sessions 2026-02-21 17:02:43 +08:00
scripts feat: build an AI agent from 0 to 1 -- 11 progressive sessions 2026-02-21 17:02:43 +08:00
src feat: add Phase 5 security chapters s13/s14/s17 with visualizations 2026-04-30 03:40:25 +08:00
.gitignore feat: build an AI agent from 0 to 1 -- 11 progressive sessions 2026-02-21 17:02:43 +08:00
next.config.ts feat: build an AI agent from 0 to 1 -- 11 progressive sessions 2026-02-21 17:02:43 +08:00
package-lock.json feat: build an AI agent from 0 to 1 -- 11 progressive sessions 2026-02-21 17:02:43 +08:00
package.json feat: build an AI agent from 0 to 1 -- 11 progressive sessions 2026-02-21 17:02:43 +08:00
postcss.config.mjs feat: build an AI agent from 0 to 1 -- 11 progressive sessions 2026-02-21 17:02:43 +08:00
README.md feat: build an AI agent from 0 to 1 -- 11 progressive sessions 2026-02-21 17:02:43 +08:00
tsconfig.json feat: build an AI agent from 0 to 1 -- 11 progressive sessions 2026-02-21 17:02:43 +08:00
vercel.json redirect vercel traffic to learn.shareai.run 2026-03-14 23:50:32 +08:00

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.