Skills Directory

Best practices for Remotion - Video creation in React

Creates or adds Convex to an app. Use for new Convex projects, npm create convex@latest, frontend setup, env vars, or the first npx convex d

Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip - web

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

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, ty

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

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

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

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API route

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

Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and intera

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

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

Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and intera

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

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

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native - creating Butto

Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React compone

Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS,

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/