菜单
Use when designing for SEO. Covers semantic HTML, page structure, meta tags, schema markup, internal linking, and the design decisions that affect rankings.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/x3allamerican/design-skills-fleetsafety --skill seo-friendly-design命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Use when designing 404 pages and the broader empty-state pattern library. Covers tone, illustration, search recovery, and the difference between 'no data yet' and 'this URL doesn't exist'.
Use when designing A/B tests. Covers hypothesis-driven testing, sample-size calculation, the test-design template, and the cultural rituals that make testing productive.
Use when shipping any user-facing UI. Covers the non-negotiable accessibility baseline: contrast, focus states, semantic HTML, keyboard navigation, screen-reader support, motion preferences. The minimum to avoid embarrassment and ADA risk.
基于 SOC 职业分类
正在显示 SKILL.md
| name | seo-friendly-design |
| description | Use when designing for SEO. Covers semantic HTML, page structure, meta tags, schema markup, internal linking, and the design decisions that affect rankings. |
SEO is a design concern. Get the foundation right; content does the rest.
One h1 per page. Heading hierarchy logical.
, , , used. Schema.org structured data.Title (50-60 chars). Description (150-160 chars). OG tags for social previews.
URL slugs descriptive. Sitemap.xml. Robots.txt. Canonical tags for duplicate content.
Related-content links. Topic clusters. Avoid orphan pages.
Multiple h1s per page. No meta descriptions. Title tags duplicated. No sitemap. Single-page apps without server-rendered HTML.
Applied across the X3 Compass design system.