An exploration project for AI-assisted development, using the SPEC-driven development methodology where AI can directly participate in project development.
This is a personal website hosted on GitHub Pages, featuring interactive HTML5 games, blog articles, online development tools, and an AI coding knowledge base. The project is designed with AI participation in mind, using a layered specification document system to ensure clear requirements and well-documented development.
| Module | Description | Link | Status |
|---|---|---|---|
| Games | HTML5 mini-games themed around Journey to the West | Enter | 🟢 3 games |
| Blog | Articles about AI programming and personal thoughts | Enter | 🟢 1 article |
| Tools | Online development tools | Enter | 🟢 2 tools |
| Wiki | AI coding knowledge base | Enter | 🟢 5 categories |
Interactive HTML5 games with Journey to the West theme.
| Game | Description |
|---|---|
| 南天门 | Sun Wukong flies freely at the Heavenly Gate - click to interact |
| 大闹天宫 | Navigate through heaven, dodge enemies, and reach the palace |
| 方块战士 | Minecraft dungeon-style game - defeat zombies and skeletons with Sun Wukong |
Articles about AI programming, project development, and personal thoughts.
- Built with Markdown rendering (marked.js)
- Code syntax highlighting (highlight.js)
Useful online development tools - no installation required.
| Tool | Description |
|---|---|
| JSON Formatter | JSON parsing, validation, and formatting |
| Encoder/Decoder | Base64, URL encoding, and more |
AI coding knowledge base with 5 categories:
- 🤝 AI-Friendly - Designed specifically for AI participation in project development
- 📋 SPEC-Driven - Layered specification document system
- ⚡ Practical Tools - Ready to use without installation
- 📚 Knowledge Accumulation - Continuous accumulation of AI programming knowledge
- Frontend: HTML5, CSS3, JavaScript
- Styles: GitHub Light Theme (CSS Variables)
- Markdown: marked.js
- Code Highlighting: highlight.js
- Clone the project
- Open
index.htmldirectly in a browser - Or deploy to GitHub Pages
serenewing.github.io/
├── index.html # Homepage
├── css/
│ └── style.css # Unified base styles
├── js/
│ └── components.js # Shared components
├── s/
│ ├── games/ # Games module
│ ├── blog/ # Blog module
│ ├── tools/ # Tools module
│ └── wiki/ # Wiki module
├── ai_skills/ # AI skills directory
├── SPEC.md # Project specifications
└── AI_START.md # AI entry point
AI participants please read AI_START.md for project specifications. The project uses a layered specification system:
- AI_START.md - Entry point for AI agents
- SPEC.md - Project-level specifications
- {module}/SPEC.md - Module-level specifications
- {submodule}/SPEC.md - Detailed specifications