GitHub
debugger
Verify frontend changes by running flows in browser using Playwright MCP. Checks console logs, captures snapshots, and validates user interactions work correctly.
☆ 4View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Data & AI
Browse skills
GitHub
nextjs-patterns
Next.js 15 App Router patterns - use for frontend pages, API routes, server components, client components, and middleware
☆ 4View skill
GitHub
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router,...
☆ 4View skill
GitHub
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
☆ 4View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications, OR when they provide screenshots/images/desi...
☆ 4View skill
GitHub
arch-performance-optimization
Use when analyzing and improving performance for database queries, API endpoints, or frontend rendering.
☆ 4View skill
GitHub
llm-arena-frontend
React 19 + Vite frontend for LLM Arena game visualization. Use when working on UI components, game board rendering, state management with hooks, API integration, Tailwind CSS v4 styling, Framer Motion animation...
☆ 4View skill
GitHub
shadcn-tailwind
React component library skill for shadcn/ui + Tailwind CSS. Use for React/Next.js/Vite projects needing accessible UI components (dialogs, forms, tables, navigation), Radix UI primitives, Tailwind utility styli...
☆ 4View skill
GitHub
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
☆ 4View skill
GitHub
web-design-mastery
Production-grade web application UI design based on Refactoring UI principles. ALWAYS activate for: landing page, dashboard, auth screens, hero sections, card design, button design, form inputs, navigation, lay...
☆ 4View skill
GitHub
frontend-design
創建具有高設計質量的獨特、生產級別的前端界面。當用戶要求構建網頁組件、頁面或應用程式時使用此技能。生成有創意、精緻的代碼，避免通用的 AI 美學。
☆ 4View skill
GitHub
frontend-angular-store
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, and selectors.
☆ 3View skill
GitHub
tasks-test-generation
Use when creating or enhancing unit tests, integration tests, or defining test strategies for backend and frontend code.
☆ 3View skill
GitHub
frontend-angular-api-service
Use when creating API services for backend communication with proper patterns for caching, error handling, and type safety.
☆ 3View skill
GitHub
frontend-angular-component
Use when creating or modifying Angular components in WebV2 (Angular 19) with proper base class inheritance, state management, and platform patterns.
☆ 3View skill
GitHub
tasks-feature-implementation
Use when implementing new features or enhancements requiring multi-layer changes (Domain, Application, Persistence, API, Frontend).
☆ 3View skill
GitHub
frontend-angular-form
Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform patterns.
☆ 3View skill
GitHub
webpack
Configures Webpack 5 for JavaScript/TypeScript bundling with loaders, plugins, code splitting, and Module Federation. Use when setting up custom builds, migrating to Webpack 5, or implementing micro-frontends.
☆ 3View skill
GitHub
vercel
Deploys applications to Vercel including serverless functions, edge functions, environment variables, and CI/CD. Use when deploying Next.js applications, frontend projects, or serverless APIs.
☆ 3View skill
GitHub
angular-expert
Angular/TypeScript frontend expert. PROACTIVELY use when working with Angular, RxJS, NgRx. Triggers: angular, ngrx, rxjs, component.ts
☆ 3View skill
GitHub
frontend-developer
Build user interfaces using Redpanda UI Registry components with React, TypeScript, and Vitest testing. Use when user requests UI components, pages, forms, or mentions 'build UI', 'create component', 'design sy...
☆ 3View skill
GitHub
release-notes
릴리스 노트 작성. 시작/끝 태그를 받아 ICJC-Backend, ICJC-Frontend, ICJC-Agent 서브모듈의 변경사항을 분석하여 사용자 친화적인 릴리스 노트를 생성한다. "릴리스 노트", "release notes", "변경사항", "업데이트 내역"...
☆ 3View skill
GitHub
senior-frontend
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analys...
☆ 3View skill
GitHub
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router,...
☆ 3View skill
Popular categories
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.