frontmatter-description

Check and optimize MetaDescription frontmatter fields in VS Code documentation. Use when auditing, adding, or improving page descriptions for SEO and…

npx skills add https://github.com/microsoft/vscode-docs --skill frontmatter-description

Frontmatter Description

Check and optimize MetaDescription frontmatter fields in markdown documentation files. Produces actionable fixes for descriptions that violate the rules below.

When to Use

  • Adding or editing a documentation page and need to write a MetaDescription.
  • Auditing existing pages for SEO or discoverability improvements.
  • Asked to check, review, or optimize frontmatter descriptions.
  • Editing content articles and want to ensure the MetaDescription reflects the updated content.

Rules

Every MetaDescription value must satisfy all of the following:

RuleDetail
LengthMaximum 160 characters.
ToneAction-oriented, value-focused, factual, and impersonal.
VoiceNo "you can", "users can", or "this page explains".
SentencesComplete sentences, not fragments or labels.
No colonsDo not include : in the value — it breaks YAML parsing.
UniquenessEach description must be unique across the docs.
Reusable variablesPreserve existing {% data variables.<group>.<name> %} references. Do not replace them with rendered product names.

Descriptions must also reflect the page's primary persona, reader intent, and article purpose. Establish that framing by following the content-framing guidance before suggesting or applying a description. If the existing page and writer's request support multiple materially different interpretations, ask the writer to confirm the framing before editing.

Procedure

1. Identify target files

Determine which files to check:

  • If given specific files, use those.
  • If asked to audit a folder (e.g., docs/copilot/), find all .md files in that folder recursively.
  • Skip files that have no YAML frontmatter (e.g., README.md files without --- delimiters).

2. Extract and validate

For each file, read enough of the page to identify its primary persona, reader intent, and article purpose. Then read the YAML frontmatter and check the MetaDescription field:

  1. Missing — Flag if MetaDescription is absent.
  2. Length — Flag if the value exceeds 160 characters. Report the current length.
  3. Voice — Flag if it contains "you can", "users can", "this page explains", or similar reader-addressing phrases.
  4. Tone — Flag if the description is a fragment, a label, or passive rather than action-oriented.
  5. Context — Flag if the description does not mention the relevant feature or tool.
  6. Content alignment — Flag if the description does not represent the page's purpose or the outcome sought by its primary persona.
  7. Forbidden words — Flag any occurrence of "teaching", "enable", "disable", or condescending terms.
  8. Colons — Flag any : character in the value.
  9. Versions — Flag any version numbers (e.g., "v1.90", "VS Code 1.90").
  10. Formatting — Flag Jinja2 variables ({{...}}), HTML tags, or Markdown formatting. Do not flag supported reusable data variables ({% data variables.<group>.<name> %}).
  11. Reusable variables — When a description contains a reusable data variable, verify that its full path exists in data/variables and resolves to the intended text. Preserve valid variables exactly as written.

3. Report findings

Present results as a table:

| File | Issue | Current value | Suggested fix |
|------|-------|---------------|---------------|
  • Group by file path.
  • For each issue, provide the current MetaDescription and a rewritten suggestion that passes all rules.
  • If a description passes all checks, omit it from the table (or mark it as passing if the user asked for a full report).

4. Apply fixes (when asked)

  • Edit the MetaDescription value in the YAML frontmatter.
  • Do not change any other frontmatter fields.
  • Do not alter the page body content.
  • Preserve existing reusable data variables. Never replace a variable with its rendered product name.
  • Verify the fix passes all rules and reflects the confirmed page framing before applying.

Examples

Good descriptions:

  • Get AI-powered inline suggestions from GitHub Copilot in VS Code, including ghost text completions and next edit suggestions.
  • Configure and manage extensions in Visual Studio Code to customize your development environment.
  • Debug Python applications in Visual Studio Code with breakpoints, variable inspection, and integrated terminal output.
  • Build a web app with an AI agent in {% data variables.product.prodname_vscode_shortname %}, then review and validate the result.

Bad descriptions and why:

DescriptionProblem
This page explains how to use Copilot.Uses "this page explains".
You can debug your code with VS Code.Uses "you can".
CopilotFragment, not a sentence.
Learn how to enable the new feature in VS Code 1.90.Uses "enable" and includes a version number.
Set up debugging: configure launch.json for Python.Contains a colon.

More skills from microsoft

oss-growth
microsoft
OSS growth hacker persona
agent-framework-azure-ai-py
microsoft
Build Azure AI Foundry agents using the Microsoft Agent Framework Python SDK (agent-framework-azure-ai). Use when creating persistent agents with AzureAIAgentsProvider, using hosted tools (code interpreter, file search, web search), integrating MCP servers, managing conversation threads, or implementing streaming responses. Covers function tools, structured outputs, and multi-tool agents.
development
airunway-aks-setup
microsoft
Set up AI Runway on AKS — from bare cluster to running model. Covers cluster verification, controller install, GPU assessment, provider setup, and first deployment. WHEN: "setup AI Runway", "onboard AKS cluster", "install AI Runway", "airunway setup", "deploy model to AKS", "GPU inference on AKS", "KAITO setup on AKS", "run LLM on AKS", "vLLM on AKS", "set up model serving on AKS", "AI Runway controller".
devops
appinsights-instrumentation
microsoft
Guidance for instrumenting webapps with Azure Application Insights. Provides telemetry patterns, SDK setup, and configuration references. WHEN: how to instrument app, App Insights SDK, telemetry patterns, what is App Insights, Application Insights guidance, instrumentation examples, APM best practices.
devops
applicationinsights-web-ts
microsoft
Instrument browser/web apps with the Application Insights JavaScript SDK (@microsoft/applicationinsights-web). Use for Real User Monitoring (RUM) — page views, clicks, AJAX/fetch dependencies, exceptions, custom events, and browser-side GenAI agent traces correlated to backend OpenTelemetry traces. Covers SDK Loader Script and npm setup, framework extensions (React, React Native, Angular), Click Analytics, telemetry initializers, and OTel GenAI semantic conventions for agent/tool/model spans emitted from the browser.
devops
azure-ai-anomalydetector-java
microsoft
Build anomaly detection applications with Azure AI Anomaly Detector SDK for Java. Use when implementing univariate/multivariate anomaly detection, time-series analysis, or AI-powered monitoring.
development
azure-ai-language-conversations-py
microsoft
Implement Conversational Language Understanding (CLU) using the azure-ai-language-conversations Python SDK. Use when working with ConversationAnalysisClient to analyze conversation intent and entities, building NLP features, or integrating language understanding into applications.
development
azure-ai-ml-py
microsoft
Azure Machine Learning SDK v2 for Python. Use for ML workspaces, jobs, models, datasets, compute, and pipelines. Triggers: "azure-ai-ml", "MLClient", "workspace", "model registry", "training jobs", "datasets".
development