Skip to content

feat: add html-artifact skill for rich HTML output#610

Merged
notque merged 1 commit intomainfrom
feat/html-artifact-skill
May 8, 2026
Merged

feat: add html-artifact skill for rich HTML output#610
notque merged 1 commit intomainfrom
feat/html-artifact-skill

Conversation

@notque
Copy link
Copy Markdown
Owner

@notque notque commented May 8, 2026

Summary

  • New umbrella skill html-artifact that auto-detects when HTML is better than markdown and generates single-file artifacts
  • 6 shape-specific reference files (spec, code-review, prototype, report, editor, data-viz) with copy-pasteable HTML/CSS/JS patterns
  • Bundles Birchline design system (4 themes) from thariqs.github.io/html-effectiveness/ gallery
  • Deterministic shape classifier (detect-shape.py) and HTML validator (validate-artifact.py) with 37 passing tests
  • 19 files, 9,794 lines total

Test plan

  • python3 scripts/validate-skill-frontmatter.py skills/meta/html-artifact/SKILL.md exits 0
  • 37/37 pytest pass for detect-shape and validate-artifact scripts
  • ruff check and ruff format --check clean
  • Base template passes all 8 validator checks
  • Shape detection maps correctly: spec, code-review, prototype, report, editor, data-viz
  • Skill registered in INDEX.json

Umbrella skill that auto-detects when HTML is better than markdown and
generates single-file artifacts with 6 shape-specific patterns (spec,
code-review, prototype, report, editor, data-viz). Bundles Birchline
design system with 4 themes, 10 interaction patterns, deterministic
shape classifier (37 tests), and HTML validator.

Inspired by thariqs.github.io/html-effectiveness/
@notque notque merged commit aba330c into main May 8, 2026
2 of 5 checks passed
@notque notque deleted the feat/html-artifact-skill branch May 8, 2026 22:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant