该技能为创建响应式、易维护的网站提供专家级指导，重点在落地页设计，技术栈为 Astro + Tailwind CSS + Cloudflare Pages。
用途：帮助开发者按统一设计规范搭建移动优先的响应式网站与落地页。
主要能力： 设计一致性：先加载项目样式指南（references/styleguide.md 或设计令牌），使用语义化颜色名（如 --color-navy）而非原始色值，保持字体层级与间距令牌统一。 移动优先响应式：从移动布局起步，断点为 sm:640px、md:768px、lg:1024px、xl:1280px；交互元素触控目标至少 44x44px；320px 宽度下无横向滚动。 可访问性：正文对比度 4.5:1、大文本 3:1；所有交互元素有可见焦点态；语义化 HTML、正确标题层级与表单标签；图片提供有意义的 alt 或装饰性用 aria-hidden。 项目结构：src/ 下含 components/ui、layouts、pages、content、styles、assets，public/ 存放静态资源。 组件与内容：Astro 组件用于静态或轻交互 UI，支持 Props 与 class:list；内容集合用于博客、报告、案例，通过 defineCollection 与 zod schema 定义。 自动化：避免硬编码，用 getCollection 查询内容集合，用 new Date().getFullYear() 生成动态年份，按环境配置站点地址。 落地页结构：Hero、社会证明、功能/收益、运作方式、CTA、页脚。 SEO 与性能：唯一 title（50-60 字符）与 meta description（150-160 字符）、Open Graph、canonical、JSON-LD、sitemap.xml、robots.txt；Lighthouse 性能 >90、FCP <1.5s、CLS <0.1，图片懒加载并优先 WebP。
使用方式：开始前加载样式指南，创建组件前检查已有 UI 组件，样式使用现有设计令牌，重复内容用内容集合，最后验证移动布局、可访问性与性能。
限制：资料未提供安装命令、收费、平台支持范围等具体信息。