vamseeachanta 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 |
Frontend Design Metrics by vamseeachanta · d40ff18
npx skillmds@latest add vamseeachanta/frontend-design-metrics File contents
---name: frontend-design-metricsdescription: Sub-skill of 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 |
vamseeachanta/workspace-hub/tree/main/.agents/skills/_archive/business/content-design/frontend-design/metrics commit d40ff18f07
Frequently asked questions
Run npx skillmds@latest add vamseeachanta/frontend-design-metrics in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Sub-skill of frontend-design: Metrics. It is listed under Web & Frontend on SkillMD.
SkillMD's automated safety review verdict for this skill is PASS. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
vamseeachanta (@vamseeachanta) published this skill. Their other Agent Skills are listed on their SkillMD profile.