frontend AI Agent Skills
Browse 24 skills related to frontend
frontend-api-client-with-jwt
A conceptual skill for building an API client in Next.js that handles JWT tokens
react-server-components-framework
Use when building Next.js 16+ apps with React Server Components. Covers App Router, Cache Components (replacing experimental_ppr), streaming SSR, Server Actions, and React 19 patterns for server-first architecture.
Frontend Performance Testing
Frontend performance testing covering bundle size analysis, render performance, animation frame rate, React re-render detection, and lazy loading verification.
design
Frontend aesthetics policy. Use when building UI, components, landing pages, dashboards, or any frontend work. Prevents generic ai-generated look.
openapi_docs
Generate comprehensive REST API documentation using SpringDoc OpenAPI 3.0 and Swagger UI in Spring Boot 3.x applications. Use when setting up API documentation, configuring Swagger UI, adding OpenAPI annotations, implementing security documentation, or enhancing REST endpoints with examples and schemas.
antlr4-dev
ANTLR4前端开发专家,专注于词法/语法分析、AST构建、访问者模式。
frontend-design
Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences.
solidjs-expert
SolidJS expert including reactivity, components, and store patterns
astro-expert
Astro framework expert including components, content collections, and integrations
svelte
Svelte 5 - Reactive UI framework with compiler magic, Runes API, SvelteKit full-stack framework, SSR/SSG, minimal JavaScript
vue-expert
Vue.js ecosystem expert including Vue 3, Composition API, Nuxt, and Pinia
angular-expert
Angular framework expert including components, services, RxJS, templates, and testing
qwik-expert
Qwik framework expert including resumability, lazy loading, and optimization
Vue
Vue 3 - Progressive JavaScript framework with Composition API, reactivity system, single-file components, Vite integration, TypeScript support
web-performance-optimization
Optimize web performance using Core Web Vitals, modern patterns (View Transitions, Speculation Rules), and framework-specific techniques
design-system-starter
Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products.
frontend-developer
Modern frontend development expert specializing in React, Vue, Angular, and responsive web applications
frontend-nuxt
Nuxt 4 & TailwindCSS expert for modern web applications (SSR, SPA, Hybrid).
frontend-design
Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web components, pages, or applications that need creative, polished aesthetics.
Frontend Development
Автоматизация создания frontend компонентов (HTMX + Tailwind + DaisyUI + WebSocket)
web3-dapp-scaffold
Scaffold a production-ready Web3 DApp frontend with wallet connection, contract interaction, and multi-chain support.
senior-frontend
Comprehensive frontend development skill for building modern, performant web applications using React, Next.js, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
generate-component
Generate React component with TypeScript, tests, and styles
frontend-design
Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Focuses on creative direction and memorable design choices.