AgentSkillsCN

Global Tech Stack

采用标准化的技术栈:以TypeScript为首要语言(始终启用严格模式),前端使用React 19+搭配Vite或Next.js 15+,后端主运行时为Bun 1.2+,数据库选用Supabase(PostgreSQL搭配pgvector)或Firebase,样式与组件采用Tailwind CSS v4.0+搭配Shadcn/ui v2+,并辅以合适的状态管理方案。在进行技术选型、搭建新项目、选择库或框架、实现身份认证、选定数据库、配置构建工具,或撰写技术决策文档时,可使用此技能。适用于创建package.json文件、配置TypeScript(tsconfig.json并设置strict: true)、搭建Supabase或Firebase、在React + Vite(SPA、仪表盘)与Next.js(SSR、SEO、RSC)之间做出抉择、选择合适的状态管理方案,或在任何技术选型决策中加以应用。此技能确保采用TypeScript与严格模式,React 19+搭配React Compiler(无需手动使用useMemo/useCallback),前端使用Vite或Next.js 15+,后端采用Bun 1.2+,内置Bun.sql与Bun.s3,其性能较Node.js快3倍;数据库方面,可选用Supabase(PostgreSQL + pgvector + RLS)或Firebase(Firestore + Auth + Genkit);身份认证方面,Supabase Auth或Firebase Auth均支持Passkeys;样式方面,Tailwind CSS v4.0+搭配Shadcn/ui(Radix/Base UI原语、Lucide图标);状态管理方面,Server Components + use()用于服务端状态,TanStack Query用于客户端轮询/突变,Zustand用于全局客户端状态,React Actions用于表单;部署方面,所有应用均采用Docker(Cloud Run、Vercel、Fly.io),并以bun作为默认包管理器。

SKILL.md
--- frontmatter
name: Global Tech Stack
description: Use the standardized technology stack with TypeScript as primary language (strict mode always), React 19+ with Vite or Next.js 15+ for frontend, Bun 1.2+ as primary backend runtime, Supabase (PostgreSQL with pgvector) or Firebase for database, Tailwind CSS v4.0+ with Shadcn/ui v2+ for styling and components, and appropriate state management. Use this skill when making technology choices, setting up new projects, choosing libraries or frameworks, implementing authentication, selecting databases, configuring build tools, or documenting technology decisions. Apply when creating package.json files, configuring TypeScript (tsconfig.json with strict: true), setting up Supabase or Firebase, choosing between React + Vite (SPAs, dashboards) and Next.js (SSR, SEO, RSC), selecting state management solutions, or any technology selection decisions. This skill ensures TypeScript with strict mode, React 19+ with React Compiler (no manual useMemo/useCallback), Vite or Next.js 15+ for frontend, Bun 1.2+ with native Bun.sql and Bun.s3 for backend (3x faster than Node.js), Supabase (PostgreSQL + pgvector + RLS) or Firebase (Firestore + Auth + Genkit) for database, Supabase Auth or Firebase Auth with Passkeys support, Tailwind CSS v4.0+ with Shadcn/ui (Radix/Base UI primitives, Lucide icons), state management (Server Components + use() for server state, TanStack Query for client polling/mutations, Zustand for global client state, React Actions for forms), Docker for all deployments (Cloud Run, Vercel, Fly.io), and bun as default package manager.

Global Tech Stack

When to use this skill:

  • When initializing new frontend or backend projects
  • When choosing between React + Vite (SPAs, dashboards) and Next.js 15+ (SSR, SEO, RSC)
  • When selecting state management (Server Components, TanStack Query, Zustand, React Actions)
  • When implementing authentication (Supabase Auth or Firebase Auth with Passkeys)
  • When choosing a database (Supabase PostgreSQL with pgvector, Firebase Firestore, or Bun.sql self-hosted)
  • When deciding on styling approaches (Tailwind CSS default, CSS Modules when needed)
  • When setting up Shadcn/ui components with Radix or Base UI primitives
  • When configuring TypeScript strict mode in tsconfig.json
  • When selecting deployment targets (Vercel for Next.js, Cloud Run for Docker, Fly.io for persistent connections)
  • When choosing backend runtime (Bun 1.2+ primary, Node.js 24 for legacy compatibility)
  • When using Bun.sql native driver or Bun.s3 for S3-compatible storage
  • When documenting technology choices in project README
  • When making any technology selection or architectural decision
  • When setting up API architecture (Server Actions, REST with Hono/Express, tRPC for monorepos)

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle global tech stack.

Instructions

For details, refer to the information provided in this file: global tech stack