# Writing Web > Simple web development with HTML, CSS, JS, and HTMX. Use when writing or reviewing web templates, stylesheets, or scripts. - Skill: `majiayu000/writing-web` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add majiayu000/writing-web` - Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/writing-web/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: majiayu000 (https://skillmd.com/u/majiayu000) - Updated: 2026-09-09 - Page: https://skillmd.com/skills/majiayu000/writing-web --- # Web Development (Simple, Modern) ## Philosophy 1. **HTML first** - Semantic markup does the work 2. **CSS second** - Styling and layout 3. **HTMX third** - Server-driven interactivity 4. **JS last** - Only when nothing else works ## Patterns ### Semantic HTML ```html

Title

Content

``` **Use native elements:** - ` ``` ### Minimal JS ```javascript // Only when HTML/CSS/HTMX can't do it document.body.addEventListener("click", (e) => { if (e.target.matches("[data-copy]")) { navigator.clipboard.writeText(e.target.dataset.copy); } }); ``` ## Avoid - JS for things HTML can do (accordions, modals) - CSS for things HTML can do (form validation) - Fetch when HTMX works - Deep selector nesting - Wrapper div soup