GitHub
frontend-design
AI-guided UI/UX design patterns with Gay.jl deterministic colors
☆ 5View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Tools
Browse skills
GitHub
frontend-design
独自性のある本番品質のフロントエンドインターフェースを作成。汎用的な「AI slop」美学を避け、記憶に残るデザインを実現。タイポグラフィ、カラー、モーション、空間構成に焦点。
☆ 5View skill
GitHub
frontend-testing
Comprehensive frontend testing strategy encompassing component tests, visual regression, accessibility, and E2E testing for modern web applications using Vitest, React Testing Library, Playwright, and Storybook...
☆ 5View skill
GitHub
webconsulting-branding
Enforces webconsulting.at design system, color palettes, typography, and MDX component structures for frontend development.
☆ 5View 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...
☆ 5View skill
GitHub
react-nextjs-patterns
React and Next.js implementation patterns for performance and maintainability. Use when building frontend components, pages, and applications with React ecosystem.
☆ 5View 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...
☆ 5View 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...
☆ 5View skill
GitHub
better-auth-jwt-jwks
Expert skill for implementing Better Auth with JWT tokens and JWKS (JSON Web Key Set) for secure authentication between Next.js frontend and FastAPI backend. Handles JWT token generation, verification, JWKS end...
☆ 5View skill
GitHub
rule-making-skill
Analyze a specific directory (e.g. frontend/, backend/, e2e/) and generate .claude/rules/ markdown files for it. Use when asked to create rules, analyze a folder for Claude Code, or set up domain memory for a s...
☆ 5View skill
GitHub
due-diligence
Comprehensive application audit. Analyzes best practices, security compliance, frontend design quality. Identifies top improvements and critical errors. Produces scores for design, code quality, and security.
☆ 5View skill
GitHub
frontend-component
Create React/Next.js 16 components. Use when building pages, client/server components, forms with useActionState, or UI with shadcn/ui. ALWAYS activate with frontend-design together.
☆ 5View skill
GitHub
testing-webapps
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.
☆ 5View skill
GitHub
building-artifacts
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Artifacts are automatically saved to ~/Desktop/Artifacts...
☆ 5View skill
GitHub
drupal-frontend
Drupal Front End Specialist skill for theme development, Twig templates, and rendering system (Drupal 8-11+). Use when working with Drupal themes, Twig syntax, preprocessing, CSS/JS libraries, or template sugge...
☆ 5View skill
GitHub
frontend-patterns
Modern frontend architecture patterns for React, Next.js, and TypeScript including component composition, state management, performance optimization, accessibility, and responsive design. Use when building UI c...
☆ 5View skill
GitHub
frontend-design
Skill and guidelines to 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,...
☆ 5View skill
GitHub
frontend-design
Comprehensive frontend design principles for creating distinctive, aesthetically compelling web interfaces. Use when creating HTML artifacts, React components, or any frontend UI work to avoid generic "AI slop"...
☆ 4View skill
GitHub
hey-api-codegen
Generate TypeScript clients from OpenAPI specs using @hey-api/openapi-ts. Type-safe API clients with Zod schemas. Use when: generating TypeScript clients from OpenAPI specifications for frontend or API consume...
☆ 4View 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...
☆ 4View skill
GitHub
vendix-frontend-theme
Theme and branding patterns.
☆ 4View skill
GitHub
vendix-frontend-state
State management patterns.
☆ 4View skill
GitHub
vendix-frontend-domain
Domain configuration.
☆ 4View skill
GitHub
vendix-frontend-routing
Routing configuration.
☆ 4View 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.