网络研究技能Skill skill-web-research

该技能用于执行网络开发研究,通过框架文档和代码库探索来收集技术信息,支持Astro、Tailwind、Cloudflare等前端技术,并自动处理研究后的状态更新、工件链接和版本控制操作。关键词包括:web开发、研究技能、框架文档、代码库探索、前端技术、状态管理、自动化流程。

前端开发 0 次安装 0 次浏览 更新于 3/22/2026

名称:skill-web-research 描述:使用框架文档和代码库探索进行网络开发研究。调用以执行网络研究任务。 允许的工具:Task, Bash, Edit, Read, Write, Read(/tmp/.json), Bash(rm:)

网络研究技能

薄包装层,将网络研究委托给 web-research-agent 子代理。

重要:此技能实现了技能内部的后处理模式。在子代理返回后, 此技能处理所有后处理操作(状态更新、工件链接、git提交)然后再返回。

上下文参考

参考(不要提前加载):

  • 路径:.opencode/context/core/formats/return-metadata-file.md - 元数据文件架构
  • 路径:.opencode/context/core/patterns/postflight-control.md - 标记文件协议
  • 路径:.opencode/context/core/patterns/jq-escaping-workarounds.md - jq转义模式(问题 #1132)

触发条件

此技能在以下情况激活:

  • 任务语言是“web”
  • 需要为网络开发任务进行研究
  • 需要收集Astro、Tailwind、Cloudflare或无障碍性文档

执行流程

阶段1:输入验证

验证必需输入:

  • task_number - 必须提供并存在于state.json中
  • focus_prompt - 研究方向的可选焦点
# 查找任务
task_data=$(jq -r --argjson num "$task_number" \
  '.active_projects[] | select(.project_number == $num)' \
  specs/state.json)

# 验证存在
if [ -z "$task_data" ]; then
  return error "Task $task_number not found"
fi

# 提取字段
language=$(echo "$task_data" | jq -r '.language // "web"')
status=$(echo "$task_data" | jq -r '.status')
project_name=$(echo "$task_data" | jq -r '.project_name')
description=$(echo "$task_data" | jq -r '.description // ""')

阶段2:预飞行状态更新

在调用子代理之前,将任务状态更新为“researching”。

更新state.json

jq --arg ts "$(date -u +%Y-%m-%dT%H:%M:%SZ)" \
   --arg status "researching" \
   --arg sid "$session_id" \
  '(.active_projects[] | select(.project_number == '$task_number')) |= . + {
    status: $status,
    last_updated: $ts,
    session_id: $sid
  }' specs/state.json > /tmp/state.json && mv /tmp/state.json specs/state.json

更新TODO.md:使用Edit工具将状态标记更改为 [RESEARCHING]


阶段3:创建后处理标记

padded_num=$(printf "%03d" "$task_number")
mkdir -p "specs/${padded_num}_${project_name}"

cat > "specs/${padded_num}_${project_name}/.postflight-pending" << EOF
{
  "session_id": "${session_id}",
  "skill": "skill-web-research",
  "task_number": ${task_number},
  "operation": "research",
  "reason": "Postflight pending: status update, artifact linking, git commit",
  "created": "$(date -u +%Y-%m-%dT%H:%M:%SZ)"
}
EOF

阶段4:准备委托上下文

{
  "session_id": "sess_{timestamp}_{random}",
  "delegation_depth": 1,
  "delegation_path": ["orchestrator", "research", "skill-web-research"],
  "timeout": 3600,
  "task_context": {
    "task_number": N,
    "task_name": "{project_name}",
    "description": "{description}",
    "language": "web"
  },
  "focus_prompt": "{optional focus}",
  "metadata_file_path": "specs/{NNN}_{SLUG}/.return-meta.json"
}

阶段5:调用子代理

关键:您必须使用 Task 工具生成子代理。

工具:Task(非Skill)
参数:
  - subagent_type: "web-research-agent"
  - prompt: [包含task_context、delegation_context、focus_prompt、metadata_file_path]
  - description: "为任务{N}执行网络研究"

子代理将:

  • 搜索本地网络项目文件(src/、public/)
  • 在网络上搜索框架文档
  • 分析发现并综合建议
  • 创建研究报告
  • 写入元数据文件
  • 返回简要文本摘要

阶段6:解析子代理返回

metadata_file="specs/${padded_num}_${project_name}/.return-meta.json"

if [ -f "$metadata_file" ] && jq empty "$metadata_file" 2>/dev/null; then
    status=$(jq -r '.status' "$metadata_file")
    artifact_path=$(jq -r '.artifacts[0].path // ""' "$metadata_file")
    artifact_type=$(jq -r '.artifacts[0].type // ""' "$metadata_file")
    artifact_summary=$(jq -r '.artifacts[0].summary // ""' "$metadata_file")
else
    status="failed"
fi

阶段7:更新任务状态(后处理)

如果状态为“researched”,则更新state.json和TODO.md


阶段8:链接工件

将工件添加到state.json并附摘要。

重要:使用两步jq模式以避免Issue #1132转义错误。参见 jq-escaping-workarounds.md

if [ -n "$artifact_path" ]; then
    # 步骤1:过滤掉现有的研究工件(使用“| not”模式以避免 != 转义 - Issue #1132)
    jq '(.active_projects[] | select(.project_number == '$task_number')).artifacts =
        [(.active_projects[] | select(.project_number == '$task_number')).artifacts // [] | .[] | select(.type == "research" | not)]' \
      specs/state.json > /tmp/state.json && mv /tmp/state.json specs/state.json

    # 步骤2:添加新研究工件
    jq --arg path "$artifact_path" \
       --arg type "$artifact_type" \
       --arg summary "$artifact_summary" \
      '(.active_projects[] | select(.project_number == '$task_number')).artifacts += [{"path": $path, "type": $type, "summary": $summary}]' \
      specs/state.json > /tmp/state.json && mv /tmp/state.json specs/state.json
fi

更新TODO.md:添加研究工件链接。

剥离specs/前缀以用于TODO.md(TODO.md在specs/内): todo_link_path="${artifact_path#specs/}"

- **研究**: [research-{NNN}.md]({todo_link_path})

阶段9:Git提交

git add -A
git commit -m "task ${task_number}: complete research

Session: ${session_id}

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>"

阶段10:清理

rm -f "specs/${padded_num}_${project_name}/.postflight-pending"
rm -f "specs/${padded_num}_${project_name}/.postflight-loop-guard"
rm -f "specs/${padded_num}_${project_name}/.return-meta.json"

阶段11:返回简要摘要

为任务{N}完成研究:
- 找到框架文档和项目模式
- 识别了实施方法,考虑了无障碍性因素
- 创建报告于 specs/{NNN}_{SLUG}/reports/research-{NNN}.md
- 状态更新为 [RESEARCHED]
- 更改已提交

错误处理

输入验证错误

如果未找到任务,立即返回。

元数据文件缺失

保持状态为“researching”以便恢复。

Git提交失败

非阻塞:记录失败但继续。


返回格式

简要文本摘要(非JSON)。

成功返回示例:

为任务412完成研究:
- 找到Astro组件模式和Tailwind v4样式方法
- 识别了交互元素的无障碍性要求
- 创建报告于 specs/412_add_blog_section/reports/research-001.md
- 状态更新为 [RESEARCHED]
- 已提交更改,会话 sess_1736700000_abc123

部分返回示例:

为任务412部分完成研究:
- 找到本地项目模式
- 网络搜索因网络错误失败
- 创建部分报告于 specs/412_add_blog_section/reports/research-001.md
- 状态保持 [RESEARCHING] - 运行 /research 412 以继续