AgentSkillsCN

Global Tech Stack

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

SKILL.md
--- frontmatter
name: Global Tech Stack
description: Use Astro's modern web development stack including TypeScript, Tailwind CSS, Content Collections, islands architecture, and performance-first deployment practices. Use this skill when selecting technologies, configuring integrations, choosing deployment platforms, or making architectural decisions about the tech stack. When working on Astro configuration and integrations setup, choosing between SSG/hybrid/SSR rendering modes, selecting UI frameworks for interactive islands (React, Vue, Svelte), configuring Tailwind CSS or styling solutions, setting up Content Collections for type-safe content, choosing deployment adapters (Vercel, Netlify, Cloudflare), configuring testing tools (Vitest, Playwright), implementing performance optimization strategies, or adding third-party integrations and plugins.

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