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.
☆ 21View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Business
Browse skills
GitHub
agentic-jumpstart-frontend
Frontend UI patterns with shadcn/ui, Radix UI, Tailwind CSS v4, and Lucide icons. Use when building UI components, styling, layouts, buttons, cards, dialogs, forms, responsive design, or when the user mentions...
☆ 21View 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...
☆ 21View skill
GitHub
ui-ux-pro-max
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palette...
☆ 21View skill
GitHub
datetime-timezone
Handle datetime and timezone conversions correctly across frontend, API, and database. Use this skill when working with datetime-local inputs, scheduling features, due dates, reminders, or any time-sensitive fu...
☆ 21View skill
GitHub
building-nextjs-apps
Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic routes, upgrading from Next.js 15, or implementing proxy.ts. Covers breaking changes (async...
☆ 21View skill
GitHub
nuxt-4-frontend-development
Expert guidance for Nuxt 4 projects with app/ directory structure, Vue 3 Composition API, TypeScript, Vitest, ESLint, and Tailwind CSS 4 with Vite plugin. Use when creating components, composables, tests, or an...
☆ 20View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications. Includes framework-specific guidance for Tailwind, React, Vue, and Ra...
☆ 20View skill
GitHub
design-tool-picker
Help choose the right design tool based on your current task. Use when unsure whether to use frontend-design, ui-ux-designer, visual-validator, or ui-code-auditor.
☆ 20View skill
GitHub
frontend-css-patterns
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
☆ 20View skill
GitHub
frontend-design-philosophy
Design thinking principles for distinctive interfaces. Covers aesthetic direction, anti-patterns, and avoiding generic AI-generated aesthetics.
☆ 20View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, des...
☆ 20View 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...
☆ 20View skill
GitHub
elixir-ash-phoenix
Develops, debugs, and refactors Elixir web applications using Ash framework for resource management and Phoenix LiveView for the frontend. Uses tidewave MCP tools for debugging running applications. Use when wo...
☆ 20View skill
GitHub
frontend-web-engineer
Expert frontend web development including HTML/CSS/JavaScript implementation, responsive design, accessibility improvements, and Playwright browser automation testing. Balances modern frameworks with pragmatic...
☆ 20View skill
GitHub
collaboration-hub
Develop and modify the AILANG Collaboration Hub UI. Use when user asks to add features to the monitoring dashboard, modify the approval queue, update the message center, or make changes to the React frontend.
☆ 19View skill
GitHub
console-frontend-review
Reviews React/TypeScript code for the depot console web application with focus on real-time rover teleoperation, state management, WebSocket communication, and 3D visualization. Use when reviewing console front...
☆ 19View skill
GitHub
grey-haven-project-structure
Organize Grey Haven projects following standard structures for TanStack Start (frontend) and FastAPI (backend). Use when creating new projects, organizing files, or refactoring project layout.
☆ 19View skill
GitHub
rust-webapp
Build full-stack web applications using Rust (Axum + SQLx) with HTMX + Alpine.js frontend and Neon (serverless PostgreSQL). Use when asked to create web apps, CRUD apps, dashboards, forms, or any stateful web a...
☆ 19View skill
GitHub
frontend-design-svelte
Create distinctive, production-grade Svelte/TypeScript frontends with exceptional design quality
☆ 19View skill
GitHub
frontend-design-vue
Create distinctive, production-grade Vue 3/TypeScript frontends with exceptional design quality
☆ 19View skill
GitHub
frontend-design-html
Create distinctive, production-grade HTML/CSS frontends with exceptional design quality
☆ 19View skill
GitHub
frontend-design-react
Create distinctive, production-grade React/TypeScript frontends with exceptional design quality
☆ 19View skill
GitHub
frontend-design-fix
Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions
☆ 19View 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.