ts-project-initialize
TypeScript project initialization best practices
TypeScript project initialization best practices
Next.js + Firebase/Firestore統合開発パターン。型定義、データ操作、リアルタイム同期、認証に使用。Firestore、Firebase、データベース操作時に使用。
Rust error handling with Result, Error trait, anyhow, thiserror
Next.js 어드민에 새 페이지를 추가합니다. App Router, Panda CSS, React Query 패턴을 따릅니다.
Pattern Server-First avec Next.js 16 pour data fetching optimal. MANDATORY pour toutes les pages et widgets. À utiliser lors de la création de composants, pages, ou quand l'utilisateur mentionne "fetch", "data loading", "SSR", "server component".
Teach async request APIs in Next.js 16 - params, searchParams, cookies(), headers(), draftMode() are now async. Use when migrating from Next.js 15, fixing type errors, or working with request data.
Specialized knowledge for working with Angular 19 and Nx in the Sentinel monorepo. Use when generating components, running tests/builds, or working with the frontend workspace structure.
Configure django-allauth with headless API, MFA, social authentication, and CORS for React frontends. This skill should be used when setting up authentication for a new Django project or adding django-allauth to an existing project that needs a React frontend integration. (project)
Vercel edge deployment 전문가 - Edge Functions, Next.js 최적화, preview 배포, ISR 커버. Next.js 또는 edge-first 애플리케이션 배포 시 사용.
Guide for building robust API integration layers in React/TypeScript applications. Use when implementing HTTP clients (axios/fetch), request/response interceptors, authentication token handling, error handling strategies, retry logic, request cancellation, or organizing API services. Triggers on questions about API client setup, custom hooks for data fetching, React Query/SWR integration, or service layer patterns.
個性的で本格的なフロントエンドのユーザーインターフェースを高いデザイン品質で作成。ユーザーがWebコンポーネント、ページ、アプリケーションの構築を依頼した際に使用。汎用的なAI臭さを避けた、創造的で洗練されたコードを生成。
Audio, video, and voice components for Composable Svelte. Use when implementing audio players, video embeds, or voice input. Covers AudioPlayer (Web Audio API), VideoEmbed (YouTube/Vimeo/Twitch), and VoiceInput (MediaRecorder) from @composable-svelte/media package.
สร้างโปรเจคใหม่ทุก Tech Stack พร้อม setup ที่สมบูรณ์
独創的で本格的なフロントエンドインターフェースを高いデザイン品質で作成します。ユーザーがWebコンポーネント、ページ、アーティファクト、ポスター、またはアプリケーション(ウェブサイト、ランディングページ、ダッシュボード、Reactコンポーネント、HTML/CSSレイアウト、またはWeb UIのスタイリング/美化など)の構築を求めるときにこのスキルを使用します。一般的なAI美学を避け、創造的で洗練されたコードとUIデザインを生成します。
Refactor Express.js/Node.js code to improve maintainability, readability, and adherence to best practices. Transforms callback hell, fat route handlers, and outdated patterns into clean, modern JavaScript/TypeScript code. Applies async/await, controller-service-repository architecture, proper middleware patterns, and ESM modules. Identifies and fixes anti-patterns including blocking event loop, improper error handling, forEach with async callbacks, and memory leaks.
Start or stop the user-management FastAPI app. Use when you need to tun or kill the dev server.
Vercel React/Next.jsパフォーマンス最適化 - 45ルール8カテゴリ、ウォーターフォール排除からバンドル最適化まで
Express + TypeScript starter with Biome, Docker, and Vitest.
Generate Remix route files with loaders, actions, and meta. Triggers on "create remix route", "generate remix page", "remix loader", "remix action".
Express.js setup, server initialization, middleware configuration, request/response handling, routing basics, TypeScript integration, middleware pipeline. Use when setting up new Express servers, configuring middleware, creating routes, or understanding Express architecture and request/response lifecycle.
TypeScript monorepo patterns including contract-port architecture, dependency injection, hermetic primitive ports, and composition root. Use when creating packages, designing contracts/interfaces, implementing ports, wrapping platform primitives (Date, console, process), or testing with inline mocks.
Troubleshoot dev server reachability and HMR for WebF apps on real devices (Vite/Webpack): LAN IP vs localhost, 0.0.0.0/--host binding, firewall/ports, and websocket/HMR (ws://) issues. Use when the user mentions HMR, websocket, ws://, --host, 0.0.0.0, LAN IP, firewall, or a device that can load HTML but not assets/HMR.