Expo + Turso + Drizzle ORMใใญใธใงใฏใใฎ้็บใณใใณใใจไพๅญ้ขไฟ็ฎก็ใใขใใชใฎ่ตทๅใใฉใคใใฉใชใฎใคใณในใใผใซใใใคใฐใฌใผใทใงใณ็ๆใใญใฃใใทใฅใฏใชใขใชใฉ้็บใณใใณใใๅฎ่กใใๆใใพใใฏ้็บใฏใผใฏใใญใผใซใคใใฆ่ณชๅใใใๆใซไฝฟ็จใ้่ฆ๏ผใฉใคใใฉใชใคใณในใใผใซใซใฏๅฟ ใnpx expo installใไฝฟ็จใ
Use this skill when you need to write types and interfaces in `srs/types` for the Next.js app
Standard patterns for HTTP/API clients in Next.js 16+ App Router frontends: where to put the client, how to type it, how to handle errors, and how to attach auth headers in a reusable way.
Enterprise TypeScript with strict typing and modern ecosystem TypeScript
Use when asking about "Hono", "itty-router", "routing frameworks", "middleware", "API framework", "web framework for Workers", "request routing", "Express-like", or choosing between web frameworks for Cloudflare Workers.
Build interactive web apps in pure Python using FastHTML. Use when the user wants to prototype web apps in Python without JavaScript frameworks. FastHTML combines HTMX for interactivity, Starlette for routing, and Python "FastTags" for HTML generation. Ideal for rapid prototyping with real-time updates, forms, charts, and database-backed UIs.
Build and deploy this Next.js presentation application with PostgreSQL database. Use when building, deploying, setting up database, or preparing the project for production. Triggers on requests to build, deploy, seed database, or publish.
Initialize FastAPI backend projects with UV package manager, configure project structure, install dependencies, and set up basic FastAPI application. Use when setting up a new FastAPI backend or initializing the backend directory for Phase 2.
Create Flask backend code for The Dreamer's Cave. Use for routes, models, services, utils, and Celery tasks.
TypeScript best practices with modern frameworks, full-stack development, and type-safe patterns for 2025
Padrรตes para criaรงรฃo de mรณdulos/features (estrutura, arquivos e rotas).
Add new pages to SCC Admin project (Next.js 14 App Router). Use when implementing new admin pages for accessibility management, quest management, challenge management, or other features. Covers route group selection, page structure, React Query integration, form handling, navigation setup, and styling with Tailwind CSS and shadcn/ui. Use for tasks like "Add new page for X", "Create admin interface for Y", or "Implement listing/detail page for Z".
Cross-browser extension development with manifest V3, TypeScript, and modern APIs
Panduan senior/lead developer 20 tahun pengalaman untuk Vue.js 3 + Nuxt 3 + TanStack Query development. Gunakan skill ini ketika: (1) Membuat project Nuxt 3 baru dengan arsitektur production-ready, (2) Integrasi TanStack Query untuk data fetching, (3) Debugging Vue/Nuxt yang kompleks, (4) Review code untuk clean code compliance, (5) Optimisasi performa aplikasi Vue/Nuxt, (6) Setup folder structure yang scalable, (7) Mencari library terpercaya untuk Vue ecosystem, (8) Menghindari common pitfalls dan bugs, (9) Implementasi state management patterns, (10) Security hardening aplikasi Nuxt. Trigger keywords: vue, vuejs, nuxt, nuxtjs, tanstack, vue-query, composition api, pinia, vueuse, vue router, clean code vue, debugging vue, folder structure nuxt.
Tรณm tแบฏt context repo Huแปณnh Sang Blog (monorepo Next.js 16, Supabase DB-first, Cloudinary media, next-intl i18n, Bun/Biome). Dรนng khi cแบงn hiแปu kiแบฟn trรบc repo, tรฌm ฤรบng chแป ฤแป sแปญa, hoแบทc onboarding contributor.
Manage environment variables with split .env.client and .env.api structure. Use when adding new env vars, debugging config issues, or setting up environments.
Ultimate Three.js development with WebGPU, React Three Fiber, performance optimization, and production-ready patterns. Use for building 3D web apps, optimizing rendering, implementing shaders, integrating physics, and following 2026 best practices.
This skill should be used when users need help with htmx development, including implementing AJAX interactions, understanding htmx attributes (hx-get, hx-post, hx-swap, hx-target, hx-trigger), debugging htmx behavior, building hypermedia-driven applications, or following htmx best practices. Use when users ask about htmx patterns, server-side HTML responses, or transitioning from SPA frameworks to htmx. (user)
Generate FastAPI project scaffold with uvicorn, OpenAPI docs, and configuration management
Develop and maintain Convex backend functions including queries, mutations, and actions. Use when working with database operations, authentication, game management, scoring logic, and real-time data updates in the dev-quiz-battle app.
Supabase client setup, Row Level Security (RLS), edge functions, and real-time. Use when working with Supabase database, auth, or edge functions.
RNBT ์ํคํ ์ฒ ํจํด์ ๋ง๋ ์์ ํ ๋์๋ณด๋ ํ์ด์ง๋ฅผ ์์ฑํฉ๋๋ค. Master/Page ๋ ์ด์ด, ์ฌ๋ฌ ์ปดํฌ๋ํธ, Mock ์๋ฒ, datasetList.json์ ํฌํจํ ์ ์ฒด ๊ตฌ์กฐ๋ฅผ ์์ฑํฉ๋๋ค. Use when creating dashboard pages, implementing Master/Page architecture, or setting up complete page structures with multiple components.
