{
  "patterns": [
    {
      "id": "htp_cite_data_csl_id",
      "pattern_name": "Semantic <cite> with data-csl-id",
      "description": "HTML5's semantic <cite> element, extended with a data-csl-id attribute that links the visible citation text back to a specific CSL (Citation Style Language) entry, giving a type-safe, machine-resolvable pointer from prose to bibliographic metadata rather than a bare footnote marker.",
      "html_snippet": "<p>As documented in the Agent Skills spec (<cite data-csl-id=\"anthropic-agent-skills-2026\">Anthropic, 2026</cite>), skills extend what Claude can do.</p>",
      "spec_reference": "cite element + data-csl-id",
      "category": "semantic_element",
      "created_at": "2026-07-02 04:46:50",
      "cite_as": "https://subagenthtml.com/api/patterns/htp_cite_data_csl_id"
    },
    {
      "id": "htp_jsonld_citation_block",
      "pattern_name": "schema.org JSON-LD citation metadata",
      "description": "A <script type=\"application/ld+json\"> block embedding schema.org-shaped structured data for a document's citations, giving crawlers and downstream tooling a machine-readable, type-checkable citation graph alongside the human-readable HTML body.",
      "html_snippet": "<script type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"ScholarlyArticle\",\n  \"citation\": [\n    {\n      \"@type\": \"CreativeWork\",\n      \"@id\": \"anthropic-agent-skills-2026\",\n      \"name\": \"Agent Skills\",\n      \"url\": \"https://code.claude.com/docs/en/skills\"\n    }\n  ]\n}\n</script>",
      "spec_reference": "schema.org JSON-LD",
      "category": "structured_metadata",
      "created_at": "2026-07-02 04:46:54",
      "cite_as": "https://subagenthtml.com/api/patterns/htp_jsonld_citation_block"
    },
    {
      "id": "htp_rehype_unified_pipeline",
      "pattern_name": "rehype/unified HTML5 generation pipeline",
      "description": "The rehype/unified ecosystem (rehype, remark-rehype, and related unified plugins) for parsing and producing HTML5 documents programmatically, with type-safe support for citation nodes as the document tree is built or transformed -- the toolchain half of the style-html skill, complementing the markup conventions above.",
      "html_snippet": "import { unified } from \"unified\";\nimport remarkParse from \"remark-parse\";\nimport remarkRehype from \"remark-rehype\";\nimport rehypeStringify from \"rehype-stringify\";\n\nconst html = await unified()\n  .use(remarkParse)\n  .use(remarkRehype)\n  .use(rehypeStringify)\n  .process(markdownWithCitations);",
      "spec_reference": "rehype/unified ecosystem",
      "category": "toolchain",
      "created_at": "2026-07-02 04:46:57",
      "cite_as": "https://subagenthtml.com/api/patterns/htp_rehype_unified_pipeline"
    }
  ]
}