awesomewebapp-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.
Skills matching the name, description or GitHub author.
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.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
REQUIRED before implementing any game feature, scoring logic, state transition, or decision-making. ALL business logic lives in PostgreSQL - frontend is presentation only. Load this to understand where code bel...
React + TypeScript + Vite frontend development specialist. Use when building UI components, pages, forms, API integration, state management, or styling with Tailwind CSS. Triggers on requests for component crea...
Garante padrões consistentes de views Blade no Easy Budget (Dashboard, Index, Create, Edit, Show).
Master SvelteKit frontend development with components, routing, state management, forms, and modern UI patterns using SvelteKit 2.x and Svelte 5.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Use this skill when performing QA reviews of the EVOLEA website (Astro frontend at localhost:4321), Admin Dashboard V2 (localhost:5175), or production sites (planted.com, admin.planted.com). Orchestrates visual...
Frontend React 19 + TypeScript 5.7+ + TailwindCSS v4 + shadcn/ui dla Vite SPA. Komponenty, React Query, formularze (RHF + Zod), testowanie (Vitest + RTL + MSW), lazy loading, Suspense, Sonner. Używaj przy tworz...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Opinionated constraints for building better user interfaces. Triggers on building or reviewing web components, pages, forms, modals, animations, or any frontend UI work. Covers accessibility, focus states, touc...
Patterns frontend Next.js/React/shadcn/ui, complète DEV_AGENT avec best practices frontend
Use when designing UI components, implementing accessibility, responsive layouts, or integrating with design systems.
Use when debugging frontend issues in the browser. Covers DevTools usage, network debugging, performance profiling, and console patterns.
Créer des interfaces frontend distinctives et production-grade avec une esthétique forte et non générique. Utiliser quand l'utilisateur demande de concevoir ou refondre une interface (composants web, pages, app...
Appliquer une approche "intentional minimalism" pour concevoir des interfaces frontend avant‑gardistes, épurées et hautement intentionnelles. Utiliser quand l'utilisateur demande une interface sobre mais très p...
Strict design rules and style preferences for the frontend.
Frontend UX and design system guidance for markdowntown. Use when changing UI, layout, styling, typography, motion, or Tailwind classes, especially for Workbench, Atlas, and Library surfaces.
React frontend patterns for Pricing App - Zustand, CSS Modules, Tesla Design System, permissions
Hybrid permission system - role-based + user overrides, frontend/backend patterns
Create distinctive, production-grade frontend interfaces with a bold, memorable aesthetic. Use when building UI components, pages, or layouts.
Use Chrome DevTools MCP for browser-side dev/test/debug (console, network, performance, UI issues). Trigger when debugging frontend behavior or performance.
Designer-turned-developer workflow for crafting cohesive UI/UX with strong visual polish and interaction quality.
Design and refactor React/Tailwind frontends using the project design system. Use this Skill when working on UI components, pages, layouts, or UX improvements and you want distinctive, accessible, non-generic d...
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.