# Web Frontend Development

Skill for building modern, responsive web frontends with TypeScript and component-based architecture.

## Tools

- `web_fetch` — Fetch and inspect live web pages or API responses during development.
- `scaffold_project` — Initialize a new frontend project with a standard template.
- `generate_component` — Generate reusable UI components with proper structure.
- `build_check` — Run a production build to verify no errors before deployment.

## Instructions

- Use TypeScript for all frontend code; avoid `any` and prefer explicit types.
- Practice component composition — build complex UIs from small, single-responsibility components.
- Write semantic HTML (`<nav>`, `<main>`, `<article>`, etc.) for accessibility and SEO.
- Design responsively using mobile-first CSS and relative units (`rem`, `em`, `%`).