Skills Directory

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, ma

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing Swi

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when bu

Build AI chat interfaces using ai-elements components - conversations, messages, tool displays, prompt inputs, and more. Use when the user w

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native app

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design toke

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mob

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presen

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, i

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when

Master Unity ECS (Entity Component System) with DOTS, Jobs, and Burst for high-performance game development. Use when building data-oriented

| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setti

Build UIs with @nuxt/ui v4 - 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to m

Use this skill when you develop, design, build, deploy, debug, migrate, or troubleshoot CloudBase (腾讯云开发, 云开发, TCB, 微信云开发) projects. Covers

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX"

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

HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI - creating Buttons, Modals, Forms, Cards

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating

Modern web development expertise covering React, Node.js, databases, and full-stack architecture. Use when: building web applications, devel

VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with