用途：当需要从功能需求、设计稿或静态 HTML 脚手架出新的 Astro 组件、页面、布局或路由时使用。若项目已启用 astro-best-practices，可配合该技能套用项目级约定。
工作流程：先选最合适的文件类型——组件放 src/components/，页面放 src/pages/，布局放 src/layouts/，仅在确需交互时才用 React、Vue 等框架岛；优先用 .astro。随后明确契约：接受哪些 props、是否渲染子内容或命名插槽、是否获取数据、是否需要交互、项目已有样式方案，且尽量保持公开接口精简。
脚手架默认：使用带类型的 props 和语义化结构，例如定义 Props 接口并给 variant 设默认值，用 section、h2 与 slot 组合，配合 class:list 处理条件类名和 scoped 样式。
交互：仅在必要时加入客户端行为，保持交互部分尽可能小；如需框架组件，选用最轻量的 hydration 指令，例如 client:visible，避免把页面大段变成岛。
可访问性与稳健性：检查语义 HTML、键盘可达、可见标签与可访问名称、图片 alt、标题层级、焦点可见性。
融入项目：遵循命名约定、既有布局与样式方案，保持导入相对且可读，不为了模拟静态 HTML 引入框架依赖。
适用：将静态 HTML 转为 Astro 组件、搭建新路由或布局、拆分大型 Astro 文件、把设计稿转为可访问的 Astro 标记。限制：资料未说明具体版本、依赖安装方式、定价或平台支持。