GitHub
frontend-design
Enhance frontend UI/UX design with better typography, color systems, animations, and visual hierarchy. Use when creating or improving UI components, layouts, dashboards, forms, or any visual elements.
☆ 0View skill
Search results for “frontend”
Skills matching the name, description or GitHub author.
Categories: Documentation
Browse skills
GitHub
vuejs-patterns
Vue.js 3 Composition API patterns and best practices. Use when creating Vue components, composables, or any reactive frontend code with Vue.js.
☆ 0View skill
GitHub
tech-architect-delivery
Technical Architect & Delivery Strategist who synthesizes product requirements and UI/UX designs into clear, actionable Technical Design Documents (TDD). Translates business flows into concrete system architect...
☆ 0View skill
GitHub
scrum-delivery-lead
Scrum Master & Engineering-Oriented Delivery Lead with hands-on frontend/backend development experience. Interprets Technical Design Documents, reviews UX/UI designs, and understands product requirements to ens...
☆ 0View skill
GitHub
create-frontend-ui
Build distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI. Avoi...
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill for UI tasks that build web components, pages, or applications. Generates creative, polished code that avoids ge...
☆ 0View skill
GitHub
playwright-frontend-testing
End-to-end frontend testing with Playwright Java and Chromium. Use for UI validation, form testing, API interaction verification, and screenshot capture on failures.
☆ 0View skill
GitHub
frontend-responsive
Implement mobile-first responsive designs using fluid layouts, relative units, responsive images, and touch-friendly interfaces. Use this skill when creating layouts that adapt across screen sizes, implementing...
☆ 0View skill
GitHub
frontend-css
Write Tailwind CSS utility classes and component styles following scoped CSS patterns, design tokens, responsive breakpoints, and dark mode support. Use this skill when styling components, creating layouts, imp...
☆ 0View skill
GitHub
frontend-components
Design and build reusable UI components following Astro's server-first architecture with islands, proper component composition, TypeScript props, and strategic client-side hydration. Use this skill when creatin...
☆ 0View skill
GitHub
frontend-accessibility
Build accessible user interfaces using semantic HTML, ARIA attributes, keyboard navigation, and WCAG compliance. Use this skill when creating or modifying UI components, forms, interactive elements, navigation...
☆ 0View skill
GitHub
n8n-saas-builder
Builds a complete SaaS frontend wrapper around validated n8n workflows. Use this skill when you want to CREATE A WEBSITE, BUILD A UI, MAKE A SAAS PRODUCT, or WRAP AN N8N WORKFLOW in a user-friendly interface. G...
☆ 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
bold-frontend-design
Creates visually striking, production-grade frontend interfaces that reject generic "AI slop" aesthetics through intentional design thinking. Implements bold typography, distinctive color palettes, high-impact...
☆ 0View skill
GitHub
frontend-testing
Test web applications using Chrome DevTools. Use for visual regression testing, performance analysis, accessibility checks, console error detection, and automated UI testing. Works with live URLs or local devel...
☆ 0View skill
GitHub
website-review
Use this skill when performing QA reviews of the Planted website (Astro frontend at localhost:4321), Admin Dashboard V2 (localhost:5175), or production sites (planted.com, admin.planted.com). Orchestrates visua...
☆ 0View skill
GitHub
pact-frontend-patterns
CODE PHASE (Frontend): Client-side implementation patterns and best practices. Provides component architecture patterns, state management strategies, accessibility guidelines, performance optimization, and res...
☆ 0View skill
GitHub
pact-architecture-patterns
ARCHITECT PHASE: Architectural design patterns, component templates, and system design guidance. Provides proven architectural patterns including microservices, layered architecture, event-driven systems, C4 d...
☆ 0View skill
GitHub
frontend-auth-integration
Integrates Better Auth client with ChatKit UI or custom Next/Vite UI. Adds login/logout buttons, protected routes, session hooks.
☆ 0View skill
GitHub
better-auth-configuration
Creates Better Auth configuration for frontend and backend: handlers, providers, middleware, session/token options. Uses Context7 MCP to retrieve Better Auth docs.
☆ 0View 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.
☆ 0View skill
GitHub
vite-config-generator
Generate Vite configuration files for fast frontend development with React, Vue, or vanilla JavaScript projects. Triggers on "create vite config", "generate vite configuration", "vite setup for", "vite.config".
☆ 0View skill
GitHub
stock-ui
Stock analysis UI frontend. React + TypeScript with Tailwind CSS, shadcn/ui, Recharts. Use for React components, API integration, routing, state management, styling, charts visualization.
☆ 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
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.