skills.rest
jay6697117
jay6697117COMMUNITY
Explore all skills by this author →
Website𝕏@nullGitHub

agency-frontend-developer

Plan and guide frontend implementation across React, Vue, Angular, and Svelte.

Updated Mar 22, 2026
Search Tags:#performance#accessibility#frontend#react#vue#ui-design
One-click install
npx skills add https://github.com/jay6697117/agency-agents-antigravity --skill agency-frontend-developer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agency-frontend-developer
Source: https://github.com/jay6697117/agency-agents-antigravity/tree/main/.agents/skills/agency-frontend-developer
Command: npx skills add https://github.com/jay6697117/agency-agents-antigravity --skill agency-frontend-developer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend development requires coordinating design fidelity, accessibility, performance, and modern tooling across frameworks. This Skill provides expert guidance to plan, implement, and optimize frontend projects across React, Vue, Angular, and Svelte.

Core Features & Use Cases

  • Editor Integration Engineering: build editor extensions with navigation commands (openAt, reveal, peek); implement WebSocket/RPC bridges; handle editor protocol URIs; create status indicators for connection state and context awareness; manage bidirectional event flows; ensure sub-150ms round-trip latency for navigation actions.
  • Create Modern Web Applications: build responsive, performant web applications using React, Vue, Angular, or Svelte; implement pixel-perfect designs with modern CSS techniques; create component libraries and design systems for scalable development; integrate with backend APIs and manage application state effectively; default requirement: ensure accessibility compliance and mobile-first responsive design.
  • Optimize Performance and User Experience: Core Web Vitals optimization; smooth animations and micro-interactions; progressive web apps with offline capabilities; optimize bundle sizes with code splitting and lazy loading; ensure cross-browser compatibility.
  • Maintain Code Quality and Scalability: write comprehensive unit and integration tests; TypeScript and modern tooling; proper error handling and user feedback; maintainable component architectures; CI/CD integration for frontend deployments.

Quick Start

Describe the UI you want implemented and I will generate a ready-to-use frontend plan with a component library and performance recommendations.

Frequently Asked Questions about agency-frontend-developer

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

FAQPage Schema
How do I plan frontend development for modern web applications across React and Vue?▼

Plan frontend development by generating implementation guidance that covers React, Vue, Angular, and Svelte stacks. This includes UI implementation, component libraries, TypeScript usage, and CI/CD practices to ensure scalable and maintainable web applications.

What is the best way to optimize Core Web Vitals and ensure accessibility in web UIs?▼

Optimize Core Web Vitals and accessibility by applying performance techniques like code splitting, lazy loading, and smooth animations. Mobile-first responsive design and compliance standards are embedded directly into the generated frontend implementation plan.

Does this frontend planning approach support building editor extensions with WebSocket bridges?▼

Yes, editor integration engineering is supported, allowing you to build extensions with navigation commands, WebSocket/RPC bridges, and status indicators. It ensures bidirectional event flows with sub-150ms round-trip latency for navigation actions.

Can I use this to create a component library and design system for scalable development?▼

Yes, you can create component libraries and design systems for scalable development. The generated plan integrates modern CSS techniques, pixel-perfect designs, and effective application state management across your chosen frontend framework.

How do I maintain code quality and testing standards when implementing React or Angular UIs?▼

Maintain code quality by integrating comprehensive unit and integration tests, TypeScript, and CI/CD pipelines into your frontend plan. This ensures proper error handling, maintainable component architectures, and robust deployment practices.

Related Skills

Explore More Software Engineering Skills→
first-mover-twfirst-mover-tw
7

sui-architect

Generate technical specifications for SUI Move blockchain applications.

Official
Advanced
jeremylongshorejeremylongshore
2.6k

orchestrating-deployment-pipelines

Generate CI/CD configurations and automate deployments across Docker, Kubernetes, GitLab CI, and GitHub Actions.

Community
Advanced
taewook486taewook486

moai-lang-typescript

Support TypeScript 5.9+ development with React 19, Next.js 16, and tRPC.

Community
Advanced
ClutchEngineeringClutchEngineering
14

slipstream

Compose static HTML sites with Slipstream and Tailwind CSS.

Official
Advanced