# Theme + Inputs in Claude Code Design

**URL:** <https://talk.observablehq.com/t/theme-inputs-in-claude-code-design/10780>\
**Category:** Show and tell\
**Created:** [August 29, 2026, 7:48am UTC](https://talk.observablehq.com/t/theme-inputs-in-claude-code-design/10780 "2026-08-29T07:48:07Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tomlarkworthy](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/tomlarkworthy/32/5940_2.png) [@tomlarkworthy](https://talk.observablehq.com/u/tomlarkworthy)\
**Post date:** [August 29, 2026, 7:48am UTC](https://talk.observablehq.com/t/theme-inputs-in-claude-code-design/10780/1 "2026-08-29T07:48:07Z")

</div>

I quite like Claude Code Design so I have setup a claude.ai hosted Design System that understands ObservableKit Themes and Observable Inputs. There is no 1st party mechanism for sharing this, so you have to call `/design-sync` in Claude Code yourself using the resources [here](https://github.com/tomlarkworthy/lopecode/tree/main/design)

A demo of a theme chooser is shared as an artifact [Claude Artifact](https://claude.ai/code/artifact/4ea1f7bb-2f75-4a1a-8a80-147063df4f7f)

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/c/c1c01ca3ca906a3dd16abc55ed0b9a46f573981e.png)