GitHub
stitch
Generate UI designs and frontend code with Google Stitch via MCP. Use when asked to create screens, mockups, UI designs, or generate frontend code from text descriptions. Supports desktop, mobile, and tablet la...
☆ 2View skill
Search results for “Frontend”
Skills matching the name, description or GitHub author.
Categories: Data & AI
Browse skills
GitHub
performance
Comprehensive performance specialist covering analysis, optimization, load testing, and framework-specific performance. Use when identifying bottlenecks, optimizing code, conducting load tests, analyzing Core W...
☆ 2View skill
GitHub
frontend-ui-design
Create and review production-ready frontend UI components with accessibility and distinct visual direction. Use when building or redesigning frontend UI.
☆ 2View skill
GitHub
ux-spec-to-prompts
Use when translating UX specifications into build-order prompts for UI generation tools. Triggers when user has a UX spec, PRD, or detailed feature doc and needs sequential, self-contained prompts for tools lik...
☆ 2View skill
GitHub
ui-design-standards
UI design quality standards and principles for frontend implementation and code review. Use when (1) implementing UI from design specs or mockups, (2) reviewing frontend/UI code, (3) creating new UI components,...
☆ 2View skill
GitHub
frontend-design-principles
Create polished, intentional frontend interfaces. Use this skill when building any UI — dashboards, admin panels, landing pages, marketing sites, or web applications. Routes to specialized guidance based on con...
☆ 2View skill
GitHub
graphic-designer
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...
☆ 2View skill
GitHub
typescript-testing
This skill provides frontend testing rules with Vitest, React Testing Library, and MSW. Automatically loaded when writing frontend tests, reviewing test quality, or when "Vitest", "React Testing Library", "MSW"...
☆ 2View skill
GitHub
whop-dev
Build Next.js apps for the Whop platform. For empty repos, guides users from idea to deployed app through discovery and setup. For existing projects, provides best practices for authentication, payments, webhoo...
☆ 2View skill
GitHub
vercel-llm-docs
Fetch LLM-optimized documentation for Vercel, the frontend cloud platform.
☆ 1View skill
GitHub
better-auth
Universal TypeScript authentication framework for Node.js backends and React frontends
☆ 1View skill
GitHub
effect-frontend-patterns
Effect TypeScript patterns for frontend development including Schema validation, TanStack Query integration, forms, and WebSocket streams.
☆ 1View skill
GitHub
frontend-stack-selection
Decision framework for choosing between shadcn (SSR/SEO) and TanStack (real-time/client-first) frontend stacks
☆ 1View skill
GitHub
webapp-testing
Patterns for testing local web applications using Playwright. Use when verifying frontend functionality, debugging UI behavior, capturing screenshots, or testing dynamic web apps. Provides decision tree for cho...
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building UI components, pages, or applications to avoid generic AI aesthetics.
☆ 1View skill
GitHub
frontend-excellence
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Use when building web UIs, React components, landing pages, dashboards, or styling any web interface. Provides design t...
☆ 1View skill
GitHub
micro-frontend-federation
Orchestrate distributed React applications using Module Federation and shared context bridges.
☆ 1View 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...
☆ 1View 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...
☆ 1View skill
GitHub
webapp-testing
Web application testing toolkit using Playwright with Python. Use for verifying frontend functionality, debugging UI behavior, capturing browser screenshots, viewing browser logs, and automating web interaction...
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade web interfaces with high design quality. Use for components, pages, dashboards, and full applications that need to stand out from generic AI aesthetics.
☆ 1View skill
GitHub
fullstack-integration
Full stack integration patterns connecting Clojure backend and React frontend
☆ 1View skill
GitHub
frontend-design
Create polished frontend interfaces from designs/screenshots with high design quality. Use for web components, pages, replicating UI designs, extracting design guidelines, avoiding AI slop aesthetics.
☆ 1View skill
GitHub
frontend-dev-guidelines
Build React/TypeScript frontends with modern patterns. Use for components, Suspense, lazy loading, useSuspenseQuery, MUI v7 styling, TanStack Router, performance optimization.
☆ 1View 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.