skills.rest
Likas07
Likas07COMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Develop responsive web applications with React, Vue, or Angular.

Updated Mar 16, 2026
Search Tags:#ui#performance#accessibility#web development#frontend#react
One-click install
npx skills add https://github.com/Likas07/t3code-skills --skill frontend-developer-likas07
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/Likas07/t3code-skills/tree/main/skills/frontend-developer
Command: npx skills add https://github.com/Likas07/t3code-skills --skill frontend-developer-likas07

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the creation of responsive, accessible, and high-performance web applications, ensuring pixel-perfect UI implementation and exceptional user experiences.

Core Features & Use Cases

  • Modern Web App Development: Build applications using React, Vue, Angular, or Svelte with a focus on performance and user experience.
  • UI Implementation: Create pixel-perfect designs, component libraries, and design systems.
  • Performance Optimization: Optimize for Core Web Vitals, implement smooth animations, and manage bundle sizes.
  • Accessibility: Ensure WCAG compliance, keyboard navigation, and screen reader compatibility.
  • Use Case: Develop a new e-commerce product page, ensuring it is fast, accessible on all devices, and visually matches the provided design mockups.

Quick Start

Create a responsive React component for a data table with virtual scrolling and row click handling.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I build a responsive React component with virtual scrolling?▼

Building a responsive React component with virtual scrolling involves creating a data table that dynamically renders visible rows to manage performance. This approach ensures smooth row click handling and UI responsiveness. It adheres to Core Web Vitals guidelines.

What is the best way to optimize web applications for Core Web Vitals?▼

Optimizing web applications for Core Web Vitals requires minimizing bundle sizes, implementing smooth animations, and ensuring rapid UI rendering. This technique improves load times and interactivity metrics, delivering an exceptional user experience across modern frameworks.

Can I use this approach to build UIs with Vue and Angular?▼

Building modern web applications with Vue and Angular is fully supported alongside React and Svelte. This technique ensures pixel-perfect UI implementation and high performance across different frameworks for responsive user experiences.

How do I ensure WCAG compliance for keyboard navigation and screen readers?▼

Ensuring WCAG compliance for keyboard navigation and screen readers requires implementing accessible UI patterns and semantic HTML. This technique guarantees accessible web applications, providing compatibility for users relying on assistive technologies.

Why does frontend performance optimization matter for e-commerce pages?▼

Frontend performance optimization matters for e-commerce pages because it directly impacts Core Web Vitals and user retention. Implementing high-performance web applications ensures fast load times, accessibility, and pixel-perfect UI implementation across devices.

Does modern web development require managing application state and backend APIs?▼

Modern web development requires managing application state and integrating with backend APIs to maintain data flow. This technique ensures cross-browser compatibility and responsive UI implementation for high-performance web applications.

Related Skills

Explore More Software Engineering Skills→
Buntyarora97Buntyarora97

react-vite

Build React + Vite web applications with design subagent delegation and API surface planning.

Community
Advanced
jorgeasaurusjorgeasaurus
12

playwright-testing

Automate end-to-end web application testing with Playwright across browsers.

Community
Advanced
mihaicrisan04mihaicrisan04

vercel-composition-patterns

Refactor React components with boolean props into explicit variants using composition patterns.

Community
Intermediate
ProfPowellProfPowell
4

sanity-cms

Integrate Sanity CMS with GROQ queries for Astro and 11ty.

Community
Intermediate