GitHub
frontend-code-review
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.
☆ 131,175View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories
frontend Clear filters
Browse skills
GitHub
component-refactoring
Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexi...
☆ 131,175View skill
GitHub
frontend-testing
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requ...
☆ 131,166View skill
GitHub
orpc-contract-first
Guide for implementing oRPC contract-first API patterns in Dify frontend. Triggers when creating new API contracts, adding service endpoints, integrating TanStack Query with typed contracts, or migrating legacy...
☆ 131,124View 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, artifacts, posters, or applications (examples include website...
☆ 77,231View skill
GitHub
web-artifacts-builder
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...
☆ 77,229View 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.
☆ 77,227View 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. Generates creative, polished code that avoid...
☆ 65,883View skill
GitHub
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
☆ 60,729View skill
GitHub
analytics-events
Add product analytics events to track user interactions in the Metabase frontend
☆ 46,294View skill
GitHub
frontend-ui-ux
Designer-turned-developer who crafts stunning UI/UX even without design mockups
☆ 38,462View skill
GitHub
artifacts-builder
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...
☆ 34,693View skill
GitHub
web-component-design
Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implemen...
☆ 27,752View skill
GitHub
frontend-ui-ux
Designer-turned-developer who crafts stunning UI/UX even without design mockups
☆ 27,660View skill
GitHub
e2e-frontend-validation
E2E validation workflow for frontend changes in playground packages using Playwright MCP
☆ 20,561View 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.
☆ 20,008View 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...
☆ 18,942View skill
GitHub
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
☆ 18,825View skill
GitHub
browser
Visual verification and browser automation via Playwright. Headless or headed Chrome. USE WHEN browser, screenshot, debug web, verify UI, troubleshoot frontend, automate browser, browse website, review stories,...
☆ 9,671View 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,...
☆ 9,084View skill
GitHub
frontend-ui-ux
Designer-turned-developer who crafts stunning UI/UX even without design mockups
☆ 8,078View skill
GitHub
hula-skill
HuLa project skill for frontend (Vue 3 + Vite + UnoCSS + Naive UI/Vant), backend (Tauri v2 + Rust + SeaORM/SQLite), full-stack flows, and build/release work. Use when the user mentions hula or HuLa or requests...
☆ 6,651View skill
GitHub
frontend-design
This skill should be used when creating distinctive, production-grade frontend interfaces with high design quality. It applies when the user asks to build web components, pages, or applications. Generates creat...
☆ 6,477View skill
GitHub
browser
Debug-first browser automation with always-on visibility. Console logs, network requests, and errors captured by default. USE WHEN browser, screenshot, debug web, verify UI, troubleshoot frontend.
☆ 6,264View 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.