企业官网建设流程全解析

• 文档
• 提示工程
• 人工智能

本篇技术指南基于 claude-code-system-prompts 仓库中的系统提示词数据文档><!doctype html><html><head><meta charset=utf8><meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover"><style> /* 与工具描述命名相同的、小型 reset 样式 */ </style></head><body> <!-- 页面内容，与写给工具时完全一致：其 <title> 与 <style> 置于 body 内部最前， 且由页面当前状态重新生成 --> </body></html>

该形状包含几条硬性约束：

1. 无空白：<!doctype html>与<html>、<head>、</head>、<body>这些标签之间不允许出现任何空白字符（no whitespace between those tags）；
2. head 极简：<head>内不得有除此之外的任何内容（nothing else in the head）——只有meta charset=utf8、meta name=viewport（含viewport-fit=cover）和一个小 reset 的<style>；
3. title 与 style 入 body：页面自己的<title>与<style>放在<body>内部最前面，而不是<head>里；
4. 内容按状态重生成：body 内的页面内容必须从页面当前状态重新生成（regenerated from the page's state），即保存的是最新状态下的完整页面，而非过时的旧快照。

骨架与发布时包裹的关系

为了理解为什么"没有空白、head 极简"如此重要，可以对照发布时的包裹逻辑。tool-description-artifact-html-document-skeleton.md 说明：Artifact 文件在发布时才被包裹进<!doctype html>…<head>…</head><body>骨架，因此作者直接写页面内容，不应自备<!DOCTYPE>、<html>、<head>、<body>标签。骨架的 head 只携带 charset 与 viewport meta（viewport-fit=cover），加上一段小 reset：浅色color-scheme、:root上下按手机安全区留白、body 零外边距并使用 14px 系统字体、灰白底色，外加img{max-width:100%}与[hidden]{display:none!important}。

两相对照即可推断：工具在发布时套上标准骨架；而自我保存的页面若按"工具发布的形状"原样输出，就能让下一次发布判定"这已经是工具产出的形态"，从而整体替换而不是再套一层。若自我保存的页面在骨架里残留了空白、多余 head 内容或自己的 doctype，识别与替换就会失效，骨架将被嵌套。这也是主文档强调"与工具描述命名相同的 reset"的原因——reset 的内容必须字节级一致，替换判定才成立。类似地，data-artifact-decision-component-html-skeleton.md 中决策组件骨架也要求脚本以 sha256 钉定、字节级一致，发布校验器对任何改动（含重排缩进）都会拒绝——同一套"形状即契约"的思路在 Artifact 体系内是贯穿性的。

六、能力验证通过：发布前的一次功能检查

能力声明之后、把链接交给用户之前，还有一个配套的验证流程，定义在>赞分享

• Claude Artifact 运行时能力（Runtime Capabilities）实战指南：capabilities 声明语义、claude.use 访问契约与 0.2.21 类型定义全解析

  Claude Artifact 运行时能力（Runtime Capabilities）实战指南：capabilities 声明语义、claude.use 访问契

  文档知识库

• system_prompts_leaks 中的 artifact-design 技能解读：Claude Code 生成 Artifact 的完整设计系统提示词

  system_prompts_leaks 中的 artifact design 技能解读：Claude Code 生成 Artifact 的完整设计系统提示词

  文档知识库

• Claude Code（Claude Opus 4.8）系统提示词深度拆解：主 Agent 指令、子代理、技能与 32 个工具契约全解析

  Claude Code（Claude Opus 4.8）系统提示词深度拆解：主 Agent 指令、子代理、技能与 32 个工具契约全解析 本文以开源仓库 sys

  文档知识库