# Frontend Design Metrics

> Sub-skill of frontend-design: Metrics.

- Skill: `vamseeachanta/frontend-design-metrics` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/frontend-design-metrics`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/frontend-design-metrics/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/frontend-design-metrics

---


# Metrics

## Metrics


| Metric | Target | How to Measure |
|--------|--------|----------------|
| First Contentful Paint | <1.5s | Lighthouse |
| Cumulative Layout Shift | <0.1 | Lighthouse |
| Accessibility Score | >90 | Lighthouse |
| Color Contrast | WCAG AA | Contrast checker |
| Animation FPS | 60fps | DevTools Performance |