Skills Directory

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect

Official GSAP skill for React - useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing scr

Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, cach

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

Upgrade Next.js to the latest version following official migration guides and codemods

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context,

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components

Builds Flutter layouts using the constraint system and layout widgets. Use when creating or refining the UI structure of a Flutter applicati

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

Custom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for custom sign-in/sign

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customizat

Manages application and ephemeral state in a Flutter app. Use when sharing data between widgets or handling complex UI state transitions.

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices o

Executes long-running tasks in background isolates to keep the UI responsive. Use when performing heavy computations or parsing large datase

Embeds native Android, iOS, or macOS views into a Flutter app. Use when integrating complex native components like maps or web views.

Advanced Next.js patterns - middleware, Server Actions, caching with Clerk.

Use when diagnosing problems in an InsForge project - reactive failures (SDK error object, HTTP 4xx/5xx, gateway timeout 502/503/504, edge f

React integration skill for EmblemAI's one-shot user management. Use when the user wants to add website authentication plus wallet-enabled u

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to ta