🎯

frontend-ui-engineering

🎯Skill

from addyosmani/agent-skills

What it does

Production-grade engineering skills for AI coding agents that enforce structured workflows, quality gates, and best practices across the full software development lifecycle including spec, planning, build, testing, review, and shipping.

📦

Same repository

addyosmani/agent-skills(21 items)

frontend-ui-engineering

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add addyosmani/agent-skills --skill frontend-ui-engineering

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add addyosmani/agent-skills --skill frontend-ui-engineering

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/frontend-ui-engineering/SKILL.md

SKILL.md

1,961Installs

AddedFeb 16, 2026

View on GitHub Back to Skills

More from this repository10

🎯

code-review-and-quality🎯Skill

Production-grade engineering skills encoding senior-level workflows, quality gates, and best practices for every phase of the software development lifecycle.

🎯

spec-driven-development🎯Skill

A collection of production-grade engineering skills for AI coding agents that encode structured workflows, quality gates, and best practices across every phase of the software development lifecycle from spec writing to deployment.

🎯

planning-and-task-breakdown🎯Skill

Plan-mode-first skill that decomposes a spec into small, verifiable tasks with explicit acceptance criteria — covering task sizing, dependency ordering, checkpoint design, and writing tasks small enough for an agent to execute reliably. Part of Addy Osmani's Agent Skills collection encoding senior-engineer workflows across Define / Plan / Build / Verify / Review / Ship phases.

🎯

code-simplification🎯Skill

A production-grade agent skill from addyosmani/agent-skills that activates the /code-simplify command to guide AI agents toward clarity over cleverness when refactoring code.

🎯

performance-optimization🎯Skill

Quality gates before merge.

🎯

security-and-hardening🎯Skill

Production-grade engineering skills for AI coding agents that encode senior-engineer workflows, quality gates, and best practices across the full software development lifecycle from spec to shipping.

🎯

documentation-and-adrs🎯Skill

Safe, documented, reversible releases.

🎯

idea-refine🎯Skill

Refined ideas and structured requirements before code.

🎯

incremental-implementation🎯Skill

Small slices, right context, clean interfaces.

🎯

debugging-and-error-recovery🎯Skill

Prove it works with tests and real browser data.