WORK-007
ID:WORK-007Status:pending

Build concept Rune

Priority:mediumComplexity:unknown
claude/align-sidenav-styling-4MuxV View source

Relationships

Implements 1
Related 1
Branches 3
claude/align-sidenav-styling-4MuxV current pending
claude/file-naming-convention-LJdwR pendingmain pendingchangeset-release/main pending
History 2
  1. ebe0c64
    Content editedby Claude
    Migrate plan files to {% ref %} xref syntax (WORK-021)
  2. d275b2a
    Created (pending)by Claude
    Add work items for 16 unbuilt runes from SPEC-008

Summary

Term definition with explanation, examples, and related concepts. The building block for glossaries and knowledge bases. Alias: definition. Schema.org: DefinedTerm.

Attributes

NameTypeDefaultRequiredDescription
termString—YesThe term being defined
idString—NoUnique identifier for cross-referencing (auto-derived from term if omitted)

Content Model

  • First paragraph → the definition
  • ## Examples heading → examples section
  • ## Related heading → list of related term references
  • Other headings → additional sections (etymology, usage notes, etc.)

Transform Output

  • typeof: Concept
  • Tag: <article>
  • Properties: term (dt), id
  • Refs: definition (dd), examples (div), related (ul of links)

Implementation Tasks

  1. Create schema in runes/learning/src/tags/concept.ts
  2. Add RuneConfig entry in runes/learning/src/config.ts
  3. Write CSS in packages/lumina/styles/runes/concept.css
  4. Import CSS in packages/lumina/index.css
  5. Add SEO extractor for DefinedTerm
  6. Write tests in runes/learning/test/tags/concept.test.ts
  7. Create inspector fixture

Dependencies

  • The glossary rune (WORK-010) collects concept definitions and auto-links terms across the site