# Frontend Code

> Frontend architecture, UI/UX implementation, and web performance

- Skill: `dongduong2001/frontend-code` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dongduong2001/frontend-code`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dongduong2001/frontend-code/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: DongDuong2001 (https://skillmd.com/u/dongduong2001)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dongduong2001/frontend-code

---


# Frontend Code Skill

This skill specializes in browser-based development including HTML, CSS, React, Vue, Angular, etc.

## When to use this skill
- When building responsive, accessible user interfaces.
- When managing client-side state and routing.
- When addressing Core Web Vitals (LCP, FID, CLS).

## Guidelines
- Assume a mobile-first philosophy for responsive design.
- Semantic HTML is critical for Accessibility (a11y) and SEO. Avoid using generic `div` elements when native elements apply.
- Minimize main-thread blocking JavaScript to maintain 60 FPS interactions.
- Scope CSS to components (CSS Modules, CSS-in-JS, Shadow DOM) to avoid global style leaking.