research
MAmattpocock/skills288k10,178 new stars in the last 7 days
根据完整的 SEO 需求与头部竞品页面证据,设计、撰写并在产品现有仓库中实现高质量 SEO 页面。需要匹配搜索意图决定工具页、资源页、教程页、比较页或解决方案页,创建页面设计文档、提高信息增益、编写 metadata、加入图片、结构化数据、内链并完成工程验证时使用。
把已验证的搜索需求和 SERP 证据转化成产品现有技术栈与设计系统中的完整页面。
开始前完整读取 内容质量与投入度。
必须取得:
缺少这些证据时,向调用 Model 报告并返回 $research-seo-demand,不得从关键词量、摘要或 URL 列表直接设计页面。
产品能直接完成任务时使用混合形态:先完整满足信息意图,再在最有用的节点提供产品动作。
代码之前先写叙述性设计文档:
# <URL 路径> 页面设计文档
title: <最终 title>
description: <最终 description>
keywords: <必要时填写>
canonical: <最终 canonical>
## 页面结构(自上而下)
1. 首屏:<一句话描述这一块展示什么>
2. <区块名>:<一句话描述这一块展示什么>
## 数据与引用清单
- <正文中的数字或事实主张>:<内部数据口径或外部一手来源 URL>
页面结构必须来自 winner 页的逐块描述和产品真正有用的差异。每个区块恰好一句话,只写内容与形式:
至少加入能支持用户行动或判断的材料:
资源发现是任务时,提供分类、点评和原始链接,不重新托管无权分发的文件。
Meta description 只选择一个信息量高的判断、方法、限制或结果,用自然完整的句子讲清楚;不要写成页面目录,也不要为了接近固定字数堆砌区块和功能。
先写清每张图片必须解释的任务、对象或结果。产品行为优先使用真实浏览器截图;需要生成或编辑的概念图、封面和辅助素材调用 $generate-image。生成时把参考图和真实截图直接作为 reference image 传入模型,不使用 SVG/HTML 模板或“占位符后填充”流程。
逐张检查文字、对象、顺序、场景、裁剪和移动端可读性。使用稳定文件名、明确尺寸、适当压缩和描述性 alt。
遵循产品仓库现有框架、组件、视觉系统、路由和发布流程。按页面需要加入:
运行产品已有的格式化、类型、构建、路由、SEO 和无障碍检查,并用 Runtime 的真实浏览器检查最终渲染页面。把实现后的页面交给 $review-seo-page 对抗审阅。
MAmattpocock/skills288k10,178 new stars in the last 7 days
AFaffaan-m/ECC278k4,046 new stars in the last 7 days
GAgarrytan/gstack136k883 new stars in the last 7 days
NEnextlevelbuilder/ui-ux-pro-max-skill135k1,864 new stars in the last 7 days
NEnextlevelbuilder/ui-ux-pro-max-skill135k1,864 new stars in the last 7 days
NEnexu-io/open-design101k1,126 new stars in the last 7 days