Skills Directory

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

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

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

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

Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native

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

MUST be used for Vue.js tasks. Strongly recommends Composition API with `` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar

Analyze raw prompts, identify intent and gaps, match ECC components (skills/commands/agents/hooks), and output a ready-to-paste optimized pr

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or impl

Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend s

TanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns.

MUST be used for Vue.js tasks. Strongly recommends Composition API with `` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar

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

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

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.

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

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