Haojae

Web Project Builder Skill — Testing skill for Claude Code

Testing community

Claude Code skill for scaffolding full-stack web projects (Flask + Bootstrap + ECharts + SQLite + pytest).

How to install Web Project Builder Skill

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

What Web Project Builder Skill does

Claude Code skill for scaffolding full-stack web projects (Flask + Bootstrap + ECharts + SQLite + pytest).

Alternatives in Testing

Webapp Testing — Test local web applications using Playwright for UI verification and debugging 94.1k ★
Test Runner — Run Python tests with pytest, unittest, or other testing frameworks 23.4k ★
Develop Web Game — Build and test web games iteratively using Playwright with time-stepping 14.6k ★

README

Web Project Builder Skill

A Claude Code skill for scaffolding full-stack web projects. It generates a complete, ready-to-run project with a Python Flask backend, Bootstrap + ECharts frontend (all loaded via CDN), SQLite database, and pytest test suite.

Features / 功能特性

**English:**

One-command project scaffolding with all boilerplate included
Four clearly separated roles: Frontend, Backend, UI Design, Testing
All frontend dependencies loaded via CDN (no npm/node required)
RESTful API with full CRUD operations out of the box
ECharts data visualization with responsive chart rendering
Isolated test environment using temporary SQLite databases
Jinja2 template inheritance for clean, maintainable HTML

**中文：**

一条命令生成完整项目骨架，包含所有样板代码
四个清晰分离的角色：前端、后端、UI 设计、测试设计
所有前端依赖通过 CDN 加载（无需 npm/node）
开箱即用的 RESTful API，支持完整 CRUD 操作
ECharts 数据可视化，图表自适应窗口大小
使用临时 SQLite 数据库的隔离测试环境
Jinja2 模板继承，HTML 结构清晰易维护

Tech Stack / 技术栈

Layer	Technology	Version	Source
CSS Framework	Bootstrap	5.3.3	CDN (jsdelivr)
Charts	ECharts	5.5.0	CDN (jsdelivr)
Frontend Language	HTML5 + CSS3 + JavaScript (ES6+)	-	-
Backend Framework	Flask	>= 3.0	pip
Database	SQLite	Built-in	Python stdlib
Testing	pytest	>= 8.0	pip
Template Engine	Jinja2	Bundled with Flask	pip

CDN Links / CDN 链接

Bootstrap CSS:  https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css
Bootstrap JS:   https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js
ECharts:        https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js