frontend-developer

Review and optimize frontend UI code across React, Vue, Svelte, and vanilla JS.

207|31|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/AbsolutelySkilled/AbsolutelySkilled --skill frontend-developer-absolutelyskilled
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/AbsolutelySkilled/AbsolutelySkilled/tree/main/skills/frontend-developer
Command: npx skills add https://github.com/AbsolutelySkilled/AbsolutelySkilled --skill frontend-developer-absolutelyskilled

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides senior-level frontend engineering guidance to design, review, and optimize frontend code, performance, accessibility, and architecture for AI-assisted workflows.

Core Features & Use Cases

  • Guidance on performance optimization, accessibility audits, code-quality reviews, and component architecture.
  • Framework-agnostic principles apply to React, Vue, Svelte, vanilla JS, and beyond.
  • Use cases include code reviews, UI optimization, and design-system decisions with practical heuristics.

Quick Start

Activate the skill in your agent and load it for on-demand frontend guidance.

Frequently Asked Questions about frontend-developer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I conduct a frontend code review for React or Vue components?

Frontend code review involves evaluating component architecture, performance optimization, accessibility compliance, and modern CSS/JS patterns. This skill provides senior-level heuristics to assess UI code quality across React, Vue, Svelte, and vanilla JS frameworks.

What is the best way to optimize frontend performance and accessibility?

Optimizing frontend performance and accessibility requires auditing UI code for render bottlenecks and WCAG compliance. The skill provides actionable guidance to review and optimize components, ensuring fast, accessible interfaces across modern frameworks.

Does this frontend guidance work with Svelte and vanilla JS?

Yes, the frontend guidance is framework-agnostic and applies to Svelte, vanilla JS, React, and Vue. It delivers framework-agnostic principles for component architecture, code reviews, and modern CSS patterns.

How do I design a scalable component architecture for modern CSS and JS?

Designing scalable component architecture requires applying framework-agnostic principles to structure UI code, manage state, and implement modern CSS patterns. The skill guides design-system decisions and component structuring for supported agents.

Can I use this skill with Claude Code or Gemini CLI for UI optimization?

Yes, the skill loads contextual frontend guidance for Claude Code, Gemini CLI, and OpenAI Codex. You activate the skill in your agent to receive on-demand UI optimization and code review support.

Why does my frontend code review need accessibility and performance checks?

Frontend code reviews need accessibility and performance checks to ensure UI components meet senior engineering standards. The skill evaluates UI code against performance heuristics and accessibility audit criteria to prevent bottlenecks.