blockmatic/basilic

1

Hey API Codegen Generate TypeScript clients from OpenAPI specs using @hey-api/openapi-ts. Type-safe API clients with Zod schemas. Us…

blockmatic/basilic

43

2

typescript-advanced-patterns Advanced TypeScript patterns for type-safe, maintainable code using sophisticated type system features. Use when buil…

blockmatic/basilic

36

3

TypeBox + Fastify TypeBox schemas with Fastify routes for type-safe API development. Native JSON Schema, automatic OpenAPI generation. …

blockmatic/basilic

35

4

AI SDK v6 UI Build React chat interfaces with Vercel AI SDK v5/v6. Agent integration, tool approval, auto-submit. Use when: imple…

blockmatic/basilic

33

5

Drizzle ORM Drizzle ORM for TypeScript - type-safe SQL queries, schema definitions, migrations, and relations. Use when: buildin…

blockmatic/basilic

29

6

emilkowal-animations Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations …

blockmatic/basilic

29

7

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

blockmatic/basilic

27

8

AI SDK v6 Core Build backend AI with Vercel AI SDK v5/v6. Agent abstraction, tool approval, error solutions. Use when: implementing…

blockmatic/basilic

26

9

ahooks Utility hooks for React state management - grouped state and localStorage persistence. Use when: managing grouped st…

blockmatic/basilic

23

10

tanstack-query TanStack Query (React Query) for async operations, data fetching, caching, and state management. Use when: fetching …

blockmatic/basilic

23

11

next-best-practices Next.js v16 best practices - proxy.ts, file conventions, RSC boundaries, Cache Components, async APIs, route handlers…

blockmatic/basilic

22

12

interaction-design Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polis…

blockmatic/basilic

21

13

tailwind-design-system Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use …

blockmatic/basilic

20

14

motion Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, lay…

blockmatic/basilic

19

15

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

blockmatic/basilic

17

16

playwright-skill Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages,…

blockmatic/basilic

17

17

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

blockmatic/basilic

4

18

expo-upgrading-v55 Guidelines for upgrading Expo SDK versions and fixing dependency issues

blockmatic/basilic

4

19

expo-cicd-workflows-v55 Helps understand and write EAS workflow YAML files for Expo projects. Use this skill when the user asks about CI/CD o…

blockmatic/basilic

3

20

expo-deployment-v55 Deploying Expo apps to iOS App Store, Android Play Store, web hosting, and API routes

blockmatic/basilic

3

21

expo-dev-client-v55 Build and distribute Expo development clients locally or via TestFlight

blockmatic/basilic

3

22

expo-use-dom-v55 Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native increment…

blockmatic/basilic

3

23

Next.js 16 App Router Next.js 16 App Router patterns - pages, API routes, server components, client components, middleware. Use when: buil…

blockmatic/basilic

3

24

Tailwind v4 + shadcn/ui Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Includes component compo…

blockmatic/basilic

0