返回 Skill 列表
extension
分类: 开发与工程无需 API Key

Global Tech Stack

使用Astro的现代网页开发栈,包括TypeScript、Tail风CSS、内容集合、岛屿架构以及以性能优先的部署实践。在选择技术、配置集成、挑选部署平台或就技术栈做出架构决策时使用这项技能。当进行Astro配置和集成设置、在SSG/混合/SSR渲染模式之间选择、为交互式岛屿选择UI框架(React、Vue、Svelte)、配置Tail风CSS或其他样式解决方案、设置类型安全的内容集合、选择部署适配器(Vercel、Netlify、Cloudflare)、配置测试工具(Vitest、Playwright)、实施性能优化策略或添加第三方集成和插件时。

person作者: jakexiaohubgithub

Global Tech Stack

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.

When to use this skill

  • When configuring Astro integrations in astro.config.mjs
  • When choosing between static (SSG), hybrid, or server (SSR) rendering modes
  • When selecting UI frameworks for interactive components (React, Vue, Svelte, etc.)
  • When setting up Tailwind CSS or other styling frameworks
  • When configuring Content Collections with Zod schemas for type-safe content
  • When choosing deployment platforms (Vercel, Netlify, Cloudflare Pages, Node.js)
  • When setting up testing infrastructure (Vitest for unit tests, Playwright for E2E)
  • When implementing performance optimizations (image optimization, code splitting)
  • When adding analytics, SEO, authentication, or i18n integrations
  • When making decisions about package managers (pnpm, npm) or build tools
  • When configuring TypeScript strict mode and linting/formatting tools

Instructions

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