Claude Code prototypes
The paved road for Claude-coded artifacts at CG. Below are the hosted demos that accompany the workshop discussion — embeddable web components for inline placement in articles, and standalone microsites that maintain a connection back to coefficientgiving.org.
Embed demos
Valuing Progress — break-even calculator
The AGF "What is progress worth?" essay rebuilt as a properly scoped web component embedded in an article. Compare to the original linked under References.
/embeds/valuing-progress/examples/article.htmlCGEmbedBase — hello world
The minimal embed pattern. A trivial counter inside a Shadow DOM, demonstrating page-theme inheritance via semantic tokens.
/packages/embed-base/examples/hello-world.htmlMicrosite demos
References
Valuing Progress — original artifact
The 839-line standalone HTML file that originally shipped to
wp-content/uploads/. The cautionary tale this
project is the response to.
Tracking Science Spending — example
An existing CG microsite-shaped HTML page provided as reference material for the microsite conversation.
/ref/microsite/example.html