GitHub
deploy-stack
Deploys multiple components to an environment. Use for coordinated deployments of backend, frontend, and landing.
☆ 0View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Tools
Browse skills
GitHub
design-audit
Use when reviewing frontend design quality without a reference. Identifies UX issues, accessibility problems, and visual inconsistencies with actionable fix suggestions.
☆ 0View skill
GitHub
design-compare
Use when comparing a frontend implementation against a reference design (Figma, mockup, screenshot). Performs pixel-level and structural analysis to identify discrepancies.
☆ 0View skill
GitHub
openai-chatkit-frontend
Patterns for building AI chatbot frontends using OpenAI ChatKit with Next.js App Router, including custom backend integration via ChatKit Python SDK.
☆ 0View skill
GitHub
nextjs-frontend-api-client-patterns
Standard patterns for HTTP/API clients in Next.js 16+ App Router frontends: where to put the client, how to type it, how to handle errors, and how to attach auth headers in a reusable way.
☆ 0View skill
GitHub
monorepo-spec-kit-structure
Standard project layout and Spec-Kit usage patterns for AI-driven, spec-driven monorepos that host frontend, backend, and specs in a single repository.
☆ 0View skill
GitHub
inertia
How to work effectively with Inertia, always use when developing frontend features
☆ 0View skill
GitHub
wayfinder
How to work effectively with Laravel Wayfinder, always use when developing frontend features
☆ 0View skill
GitHub
react
How to work effectively with React, always use when developing frontend components
☆ 0View skill
GitHub
tailwind
How to work effectively with Tailwind CSS, always use when styling frontend features
☆ 0View 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...
☆ 0View skill
GitHub
frontend-dev
Frontend development skill for React, Next.js, Tailwind CSS, and TypeScript. Use when implementing web frontend features.
☆ 0View skill
GitHub
ui-ux-design
UI, UX, 디자인, UI 디자인, UX 디자인, 사용자 경험 - Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts...
☆ 0View skill
GitHub
frontend-design
프론트엔드, 프론트, 웹 디자인, UI 개발, 웹 개발 - Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat...
☆ 0View skill
GitHub
restaurant-feature-workflow
This skill should be used when adding new restaurant features across the full stack (Backend → Shared → Web → Mobile). Trigger keywords: "레스토랑 검색/필터/정렬 추가", "restaurant search/filter/sort", "레스토...
☆ 0View skill
GitHub
frontend-patterns
React/Next.js data patterns - React Query hooks, ORPC client integration, error handling, cache invalidation. Complements frontend-design skill (visuals).
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI a...
☆ 0View skill
GitHub
accessibility-design
Ensure WCAG 2.1 AA compliance in all frontend designs. Use this skill when building any user interface to guarantee visibility, contrast, keyboard navigation, and screen reader support.
☆ 0View skill
GitHub
frontend-design
Crear componentes React con TailwindCSS siguiendo los patrones del proyecto. Usar cuando se pida crear páginas, componentes UI, o modificar el diseño frontend.
☆ 0View skill
GitHub
frontend-design
Create production-grade frontend interfaces with systematic UI/UX design. Use when building web components, pages, or applications. Covers design systems, component states, accessibility (WCAG 2.2), responsive...
☆ 0View skill
GitHub
chatkit
Build AI chat applications with OpenAI ChatKit SDK. Use when creating chat UIs, multi-session systems, integrating AI agents (OpenAI, Gemini, Claude, Ollama), adding tools with MCP, widgets, or building convers...
☆ 0View skill
GitHub
frontend-dev
フロントエンド開発（React/TypeScript）のベストプラクティスと規約
☆ 0View skill
GitHub
frontend-debug
Debug frontend issues using Chrome DevTools MCP. Find root causes of UI bugs, console errors, network failures, DOM problems. Use when user mentions "debug", "fix bug", "troubleshoot", "not working", "error", "...
☆ 0View skill
GitHub
taskfile
Execute Taskfile commands for the Summerhouse project. Use for terraform operations (init, plan, apply, destroy, output), backend/frontend development, testing, and linting. Terraform uses environments (dev, pr...
☆ 0View 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.