frontmatter-description

작성자: microsoft

VS Code 문서에서 MetaDescription frontmatter 필드를 확인하고 최적화합니다. SEO 및 페이지 설명 감사, 추가, 개선 시 사용합니다.

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.

microsoft의 다른 스킬

oss-growth
microsoft
OSS 성장 해커 페르소나
agent-framework-azure-ai-py
microsoft
Microsoft Agent Framework Python SDK(agent-framework-azure-ai)를 사용하여 Azure AI Foundry 에이전트를 구축합니다. AzureAIAgentsProvider로 지속적 에이전트를 만들 때, 호스팅 도구(코드 인터프리터, 파일 검색, 웹 검색)를 사용할 때, MCP 서버를 통합할 때, 대화 스레드를 관리할 때, 또는 스트리밍 응답을 구현할 때 사용합니다. 함수 도구, 구조화된 출력, 다중 도구 에이전트를 다룹니다.
development
airunway-aks-setup
microsoft
AKS에서 AI Runway 설정 — 빈 클러스터에서 실행 중인 모델까지. 클러스터 검증, 컨트롤러 설치, GPU 평가, 공급자 설정, 첫 배포를 다룹니다. 시기: "AI Runway 설정", "AKS 클러스터 온보딩", "AI Runway 설치", "airunway 설정", "AKS에 모델 배포", "AKS에서 GPU 추론", "AKS에서 KAITO 설정", "AKS에서 LLM 실행", "AKS에서 vLLM", "AKS에서 모델 서빙 설정", "AI Runway 컨트롤러".
devops
appinsights-instrumentation
microsoft
Azure Application Insights로 웹앱을 계측하기 위한 지침입니다. 원격 분석 패턴, SDK 설정, 구성 참조를 제공합니다. WHEN: 앱 계측 방법, App Insights SDK, 원격 분석 패턴, App Insights란 무엇인가, Application Insights 지침, 계측 예시, APM 모범 사례.
devops
applicationinsights-web-ts
microsoft
브라우저/웹 앱을 Application Insights JavaScript SDK(@microsoft/applicationinsights-web)로 계측합니다. Real User Monitoring(RUM) — 페이지 뷰, 클릭, AJAX/fetch 종속성, 예외, 사용자 지정 이벤트, 백엔드 OpenTelemetry 트레이스와 상관관계가 있는 브라우저 측 GenAI 에이전트 트레이스에 사용합니다. SDK Loader Script 및 npm 설정, 프레임워크 확장(React, React Native, Angular), Click Analytics, 텔레메트리 이니셜라이저, 브라우저에서 생성된 에이전트/도구/모델 스팬에 대한 OTel GenAI 의미론적 규칙을 다룹니다.
devops
azure-ai-anomalydetector-java
microsoft
Azure AI Anomaly Detector SDK for Java로 이상 탐지 애플리케이션을 구축하세요. 단변량/다변량 이상 탐지, 시계열 분석 또는 AI 기반 모니터링을 구현할 때 사용하세요.
development
azure-ai-language-conversations-py
microsoft
azure-ai-language-conversations Python SDK를 사용하여 대화형 언어 이해(CLU)를 구현합니다. ConversationAnalysisClient로 대화 의도와 엔터티를 분석하거나, NLP 기능을 구축하거나, 애플리케이션에 언어 이해를 통합할 때 사용합니다.
development
azure-ai-ml-py
microsoft
Azure Machine Learning SDK v2 for Python. ML 작업 영역, 작업, 모델, 데이터 세트, 컴퓨팅 및 파이프라인에 사용합니다. 트리거: "azure-ai-ml", "MLClient", "workspace", "model registry", "training jobs", "datasets".
development