Skip to content
cccskills
FreePublished on GitHub

bikeshed-conversion

Guidelines for converting W3C specs to Bikeshed format. Covers anchor ID preservation, dfn handling, and common pitfalls. Read this before any Bikeshed conversion or migration work.

The English summary is being prepared. Showing the original description.

w3c/web-performance430 stars(GitHub 430 + cccskills 0)

Run score Not tested

See how to install

Files included (3)

  • SKILL.md2.8 KB
  • bikeshed-conversion/SKILL.md3.6 KB
  • publish-wg-minutes/SKILL.md2.5 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Bikeshed Conversion

Preserving Anchor IDs

When converting a spec to Bikeshed, anchor IDs used by other specifications must be preserved. Bikeshed auto-generates IDs for <dfn> elements based on their text content, but these auto-generated IDs often differ from the IDs that were in the original spec. Other specs link to these IDs, so changing them silently breaks cross-spec references.

The Problem

Bikeshed generates IDs like dfn-wall-clock from <dfn>wall clock</dfn>, but the original spec may have used a different ID or no explicit ID (relying on the HTML spec's own ID generation). When other W3C specs reference anchors like #dfn-wall-clock, #dom-performance, or #dfn-coarsen-time, those links break if the IDs change.

The Fix

Always add explicit id attributes to <dfn> elements to preserve the anchors other specs depend on:

<!-- BAD: Bikeshed auto-generates an ID that may differ from the original -->
<dfn data-export>wall clock</dfn>

<!-- GOOD: Explicit ID preserves the anchor -->
<dfn data-export id=dfn-wall-clock>wall clock</dfn>

Common ID Patterns to Preserve

Based on w3c/hr-time#173, these are typical ID patterns that get lost:

TypePatternExample
Concept definitionsdfn-{name}id=dfn-wall-clock, id=dfn-monotonic-clock, id=dfn-duration
Algorithm definitionsdfn-{algorithm-name}id=dfn-coarsen-time, id=dfn-duration-from
IDL typedefsdom-{typename}id=dom-domhighrestimestamp, id=dom-epochtimestamp
IDL interfacesdom-{interface}id=dom-performance
IDL blocksidl-def-{name}id=idl-def-domhighrestimestamp
Compound conceptsdfn-{hyphenated}id=dfn-current-high-resolution-time, id=dfn-relative-high-resolution-coarse-time

Checklist

When converting a spec to Bikeshed:

  1. Inventory all <dfn> elements in the original spec and note their IDs
  2. Check for cross-spec references — search other W3C specs that link to this spec's anchors (use xref or grep the spec's URL in other repos)
  3. Add explicit id attributes to every <dfn> that had an ID in the original, matching the original ID exactly
  4. Verify after conversion — build the Bikeshed output and confirm all anchors from the original spec still resolve
  5. Check data-dfn-for scoping — Bikeshed uses data-dfn-for to scope definitions; make sure scoped dfns also retain their original IDs (e.g., id="wall-clock-unsafe-current-time" for <dfn data-dfn-for="wall clock">unsafe current time</dfn>)

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Process and publish WebPerfWG meeting minutes from Google Docs zip exports. Read this before handling any WebPerfWG meeting minute zip files.

The English summary is being prepared. Showing the original description.

w3c/web-performance430Updated Oct 8, 2026

See all skills by w3c

Report a problem with this skill