1---2name: cheneeheng-agent-skills-scaffold-web-frontend3description: Scaffold a Web Frontend4---56# Scaffold a Web Frontend78Bun + Vite. SvelteKit and React share the same layout conventions; only the framework files differ.910```11frontend/12├── src/13│ ├── lib/14│ │ ├── api/ # centralized API client — the only place fetch is called15│ │ ├── components/ # presentational components (PascalCase)16│ │ ├── stores/ # SvelteKit only — shared state, updated from API responses17│ │ └── types.ts18│ ├── routes/ # SvelteKit routes (React: src/routes or React Router config)19│ └── app.html / main.tsx20├── tests/21│ ├── unit/22│ ├── component/23│ └── e2e/24├── package.json25├── tsconfig.json26├── vite.config.ts27└── .gitignore28```2930## Initial Config3132- `package.json` scripts for dev/build/test/lint/typecheck — see `ceh-web-frontend:environment`.33- `tsconfig.json` with `strict: true`; ESLint + Prettier configured.34- Components are presentational; all `fetch` goes through `src/lib/api`.3536## .gitignore3738```39node_modules/40.svelte-kit/41dist/42build/43.env44.env.*45!.env.example46.DS_Store47```4849---50> Source: [cheneeheng/agent-skills](https://github.com/cheneeheng/agent-skills) — distributed by [TomeVault](https://tomevault.io).51<!-- tomevault:4.0:skill_md:2026-06-15 -->
Run npx skillmds@latest add tomevault-io/cheneeheng-agent-skills-scaffold-web-frontend in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Scaffold a Web Frontend It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.