frontend-development
Provides specialized guidance for frontend development including UI/UX best practices, performance optimization, component architecture, and modern tooling recommendations. Use when working on frontend code, Re...
Skills correspondant au nom, à la description ou à l’auteur GitHub.
Provides specialized guidance for frontend development including UI/UX best practices, performance optimization, component architecture, and modern tooling recommendations. Use when working on frontend code, Re...
Frontend UI/UX changes, dashboards, visualizations, and UI testing. Use when modifying the web UI, improving UX, adjusting visualizations, or running frontend tests.
Create API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for frontend integration, or user says 'create handoff', 'document API', 'frontend handoff'...
Enforces precise, minimal design systems inspired by Linear, Notion, and Stripe. This skill should be used when the user asks to "design a dashboard", "build an admin interface", "create a UI", "make it look li...
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.
Generate optimized UI prompts for Google Stitch (Gemini 2.5). Convert design ideas, specs, or wireframe descriptions into structured prompts following the 5-part pattern. Use when creating UI mockups, prototypi...
Dashboard design intelligence for GetFlowetic's designAdvisorAgent. Provides industry-specific style bundles, platform-appropriate aesthetics, and BM25 search integration with UI/UX Pro Max knowledge base. Use...
Use when the user says "create architecture plan/specs", "turn this brief into docs", "generate frontend/backend/api specs", or "write the spec markdown files". Triggers on requests for end-to-end software arch...
Expert skill for building secure, scalable, enterprise-grade React frontend applications using Vite, TanStack Query & Router, TakeOff UI components, and Tailwind CSS. Use this skill when creating new React proj...
Build full-stack AI agents using Google ADK (Agent Development Kit) with CopilotKit frontend via AG-UI protocol. Use when building production-ready AI agents with Gemini models, multi-tool agents, human-in-the...
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...
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...
Creates unit tests for React frontend components using Vitest and React Testing Library, following accessibility-first best practices.
Comprehensive frontend testing with Playwright, Cypress, Jest, and React Testing Library. Covers E2E testing, component testing, unit testing, visual regression, and accessibility testing. Use for quality assur...
Write end-to-end tests with Cypress including browser automation, API testing, component testing, and visual regression. Use for E2E testing, integration testing, or frontend QA automation.
Kiểm tra sức khỏe frontend tự động using Puppeteer. Invoke khi user muốn tìm broken pages, console errors, hoặc verify frontend stability.
Use this skill to build features or debug anything that uses a webapp frontend. Uses Playwright MCP tools.
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.