tanstack-router-best-practices
TanStack Router best practices for type-safe routing, data loading, search params, and navigation. Activate when building React applications with complex…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,300 results
tanstack-start-best-practices
TanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns. Activate when…
oma-mobile
Implement Flutter, React Native, or native Swift apps. Use for mobile screens, widgets, platform integrations, and application data flows.
polar-sh-nextjs-convex
Minimal Polar.sh billing integration for Next.js App Router with Convex as the entitlement authority. Use when implementing subscriptions, one-time purchases,…
performance
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix…
flutter-frontend-for-adk
Orchestrates the discovery, mapping, design, and implementation of a premium Flutter-based frontend for an Agent Development Kit (ADK) agent written with…
generating-experience-react-site
Use this skill when users need to create or configure a Salesforce Digital Experience Site specifically for hosting a React web application. Trigger when users…
implementing-webapp-file-upload
Add file upload functionality to React webapps with progress tracking and Salesforce ContentVersion integration. Use when the user wants to upload files,…
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…
startup-problem-grilling
Stress-test a captured startup problem with sharp questions before validation or product scoping, with optional formatted single-file HTML artifact output.
startup-problem-ledger
Capture raw startup pains and sharpen them into testable problem statements before proposing products, with optional formatted single-file HTML artifact output.
startup-v1-feasibility
Scope a startup idea into a narrow wedge and 2–4 week v1 that tests the riskiest assumption, with optional formatted single-file HTML artifact output.
browser-use
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web…
Framer Expert
Expert in Framer design and development - from interactive prototypes to production sites with Framer Motion, CMS integration, and the Framer MCP server
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…
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…
make-interfaces-feel-better
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…
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…
1panel-websites
Inspect or create bounded static and reverse-proxy websites through 1Panel MCP; use for site inventory and explicitly authorized site creation, preserving…
stitch-delivery-harness
Use when a Stitch screen must become a complete high-fidelity delivery with editable HTML, art enhancement, verification, user approval, and traceable archival.
stitch-react-native
Convert Stitch screens to React Native or sync existing native components; trigger for iOS/Android View, Text, StyleSheet, and native navigation. Use stitch-react-components for React DOM or Vite web pages.
stitch-react-vite-dashboard
Implement the Stitch design as a React/Vite data dashboard; triggers when TanStack Query, tables, filters, async states, and design token consistency are needed. Use stitch-react-components only for ordinary presentational components; add on-chain reads only when explicitly requested.
astro-seo
SEO for Astro sites — meta tags, Open Graph, Twitter Cards, JSON-LD structured data, sitemap, RSS, robots.txt, canonical URLs, hreflang, Core Web Vitals. Use…
astro-starlight
Use when building a documentation site with Astro Starlight — sidebar config, Pagefind search, plugins (blog/openapi/typedoc), i18n, llms.txt.