Skills Directory

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

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

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

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component

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

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

Build and maintain documentation sites with Mintlify. Use when creating docs pages, configuring navigation, adding components, or setting up

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

Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, and performance. Use when reading, writing, or revi

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js appl

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards - s

Skill for building with the Astro web framework. Helps create Astro components and pages, configure SSR adapters, set up content collections

Produces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven polish. Use when users

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/d

Use when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state management, view composition, performance, Liquid

RivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or m

RivetKit SwiftUI client guidance. Use for SwiftUI apps that connect to Rivet Actors with RivetKitSwiftUI, @Actor, rivetKit view modifiers, a