GitHub
enforce-file-organization
Guide feature-based directory structure and file placement. Apply when creating new files or organizing code. Enforce naming conventions and import ordering for backend and frontend files.
☆ 0View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Lifestyle
Browse skills
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces avoiding "AI slop" aesthetics. Use when: building landing pages, dashboards, components, or styling any web UI. Triggers: "design", "landing page", "beau...
☆ 0View skill
GitHub
frontend-ux
Expert frontend/UX engineer for React/Next.js development using ShadCN components, Tailwind CSS v4, and proper SSR/CSR patterns. Use when building or refactoring UI components, styling, or working on user-facin...
☆ 0View 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...
☆ 0View skill
GitHub
webapp-testing
Toolkit for interacting with and testing local web programs using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
☆ 0View skill
GitHub
ui-designer
Generate distinctive, modern UI designs with HTML/CSS/JS. Use when creating UI mockups, design systems, component libraries, or visual prototypes. Applies frontend design best practices for typography, color, m...
☆ 0View skill
GitHub
frontend-develop
Use this skill when working with JavaScript, build system, or frontend tooling. Covers ES6 modules, Laravel Mix, Webpack configuration, and JavaScript patterns used in this project.
☆ 0View skill
GitHub
frontend-design
Use this skill when working with CSS, SCSS, design system, responsive layouts, or styling. Covers Tailwind CSS utilities, Bootstrap 5 components, SCSS architecture, fonts, and responsive breakpoints.
☆ 0View skill
GitHub
portfolio-frontend-design
Frontend design system dla projektu portfolio Pawla Lipowczana (React 19 + Vite 7 + Tailwind CSS 3 + Framer Motion 12). Uzyj przy tworzeniu nowych komponentow, stron, sekcji lub modyfikacji UI w portfolio. Zawi...
☆ 0View skill
GitHub
coding-guidelines
Coding patterns and guidelines for TypeScript/JavaScript, Rust, and frontend frameworks. Use this skill when writing TypeScript/JavaScript or Rust code, or working with SolidJS, Tailwind CSS, daisyUI, React Nat...
☆ 0View 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...
☆ 0View skill
GitHub
frontend-design-pro
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and...
☆ 0View skill
GitHub
frontend-code-quality
Engineering principles for crafting well-built front-end user interfaces. When Claude needs to ensure the HTML, CSS, JS is performant and maintainable.
☆ 0View skill
GitHub
debugging
Systematic debugging workflows for frontend, backend, tests, devops, and web issues. Provides structured approaches to isolate root causes and resolve problems efficiently.
☆ 0View skill
GitHub
frontend-dev-guidelines
Frontend development guidelines for ActionPhase React/TypeScript application. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, Tailwind CSS styling...
☆ 0View skill
GitHub
dependency-management
Standard instructions for adding or updating backend (pip) and frontend (npm) dependencies.
☆ 0View skill
GitHub
project-component-patterns
[PROJECT] frontend component architecture and patterns
☆ 0View skill
GitHub
tmux-orchestrator
This skill should be used when orchestrating tmux sessions for multi-component development workflows. Use when creating complex multi-window, multi-pane tmux layouts via the Bash tool, especially for projects r...
☆ 0View skill
GitHub
signalpilot-design-system
Design system for SignalPilot UI with Soft Violet gradient, Isometric pattern, and brand-native components. Use when building any SignalPilot frontend, UI components, styling, or visual design work.
☆ 0View skill
GitHub
awesomefrontend-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...
☆ 0View skill
GitHub
awesomeweb-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
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.
☆ 0View 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...
☆ 0View skill
GitHub
database-first
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...
☆ 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.