GitHub
threejs-builder
Build and validate simple, performant Three.js web apps using modern ES module patterns. Use this when you need a minimal Three.js scene, interaction, or animation for a web UI or demo.
☆ 2View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
react-ui-patterns
Provide concrete, example-driven guidance for React UI composition, state, routing, and component patterns in a TypeScript + Tailwind + Radix stack.. Use when Building or refactoring React screens and component...
☆ 2View skill
GitHub
diagnosing-nextjs-performance
Next.js Router performance analysis and bottleneck identification workflow. Triggers when user reports performance issues, slow routing, or requests Next.js optimization analysis. Use for identifying FCP/LCP/CL...
☆ 1View skill
GitHub
pinpoint-ui
shadcn/ui patterns, progressive enhancement, Server Components, Client Components, form handling, Tailwind CSS v4, accessibility. Use when building UI, forms, components, or when user mentions UI/styling/compon...
☆ 1View skill
GitHub
pinpoint-security
Security patterns, CSP nonces, input validation, auth checks, Supabase SSR patterns. Use when implementing authentication, forms, security features, or when user mentions security/validation/auth.
☆ 1View skill
GitHub
component
This skill should be used when the user asks to "create a component", "scaffold a component", "add a new component", "build a SolidJS component", or mentions creating UI elements, views, or feature components....
☆ 1View skill
GitHub
review
This skill should be used when the user asks to "review code", "check for anti-patterns", "audit my code", "find issues in code", "review this file", "check this component", or mentions code review, linting, or...
☆ 1View skill
GitHub
shadcn-stack
Next.js 15 + shadcn/ui + Server Components patterns for server-rendered React applications
☆ 1View skill
GitHub
better-auth
Universal TypeScript authentication framework for Node.js backends and React frontends
☆ 1View skill
GitHub
anime-js
Anime.js animation patterns for web interfaces including timelines, staggering, and motion design.
☆ 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
tanstack-stack
TanStack ecosystem for client-first, real-time applications with type-safe routing and reactive data
☆ 1View skill
GitHub
expo-patterns
Comprehensive Expo/React Native patterns - NativeTabs, SF Symbols, Apple HIG, EAS builds, animations, and SDK patterns
☆ 1View skill
GitHub
expo-app-design
Official Expo UI guidelines - build beautiful apps with Expo Router, NativeTabs, SF Symbols, animations, and Apple HIG patterns
☆ 1View skill
GitHub
react-best-practices
React and Next.js performance optimization guidelines. Use when writing, reviewing, or refactoring React/Next.js code. Applies to Blaze (web), Spark (desktop), and Tap (mobile) agents.
☆ 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
expo-llm-docs
Fetch Expo documentation via llms.txt for up-to-date React Native development references
☆ 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
design-system-token-architecture
Architect scalable design token propagation using React Context and CSS-in-JS/Variables.
☆ 1View skill
GitHub
concurrent-rendering-orchestration
Design and validate complex concurrent rendering workflows using `useTransition`, `Suspense`, and selective hydration to preserve responsiveness under heavy workloads.
☆ 1View skill
GitHub
precision-re-render-control
Minimize unnecessary re-renders through precise state partitioning and selector-driven updates.
☆ 1View skill
GitHub
video-frame-processing-react
Process video data in real-time within a React application, synchronizing UI overlays.
☆ 1View skill
GitHub
react-18-security-modeling
Model and mitigate security risks that arise from advanced rendering and hydration flows.
☆ 1View skill
GitHub
webassembly-integration-patterns
Integrate high-performance Wasm modules into the React render cycle without blocking the main thread.
☆ 1View skill
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.