frontend_best_practices
Modern frontend development standards for accessibility, testing, TypeScript, and Tailwind CSS.
Content Preview
# Frontend Best Practices
Modern frontend development standards for accessibility, testing, TypeScript, and Tailwind CSS.
---
## Table of Contents
- [Accessibility (a11y)](#accessibility-a11y)
- [Testing Strategies](#testing-strategies)
- [TypeScript Patterns](#typescript-patterns)
- [Tailwind CSS](#tailwind-css)
- [Project Structure](#project-structure)
- [Security](#security)
---
## Accessibility (a11y)
### Semantic HTML
```tsx
// BAD - Divs for everything
<div onClick={handleClick}>ClHow to Use
Recommended: Install to project (local)
mkdir -p .claude/skills
curl -o .claude/skills/frontend_best_practices.md \
https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/senior-frontend/references/frontend_best_practices.mdSkill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.
Alternative: Clone full repo
git clone https://github.com/alirezarezvani/claude-skillsThen reference at engineering-team/senior-frontend/references/frontend_best_practices.md
Related Skills
cs-senior-engineer
Senior Engineer agent for architecture decisions, code review, DevOps, and API design. Orchestrates engineering and engineering-team skills for technical implementation work. Spawn when users need system design, code quality review, CI/CD pipeline setup, or infrastructure decisions.
agentsseniorengineeragent
by alirezarezvani · alirezarezvani-claude-skills
cs-engineering-lead
Engineering Team Lead agent for coordinating QA, security, data engineering, ML, and frontend/backend teams. Orchestrates engineering-team skills for team-level technical decisions. Spawn when users need team coordination, tech stack evaluation, incident response, or cross-functional engineering work.
agentsengineeringleadagent
by alirezarezvani · alirezarezvani-claude-skills
SKILL
23 engineering agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools. Architecture, frontend, backend, QA, DevOps, security, AI/ML, data engineering, Playwright, Stripe, AWS, MS365. 30+ Python tools (stdlib-only).
engineering-teamskillagentdevops
by alirezarezvani · alirezarezvani-claude-skills
feature_engineering_patterns
World-class feature engineering patterns for senior data scientist.
engineering-teamfeatureengineeringpatterns
by alirezarezvani · alirezarezvani-claude-skills