claude-api-in-prototypes
Call Claude from your HTML artifacts via window.claude.complete
Skill by justinlietz93
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/justinlietz93-claude-api-in-prototypes
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, backend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/claude-api-in-prototypes
What's inside
- Skill name
claude-api-in-prototypes- Description
- Call Claude from your HTML artifacts via window.claude.complete
- License
- MIT
- Instructions
- 19 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Claude API in prototypes
Your HTML artifacts can call Claude via a built-in helper. No SDK or API key needed.
```html
<script>
(async () => {
const text = await window.claude.complete("Summarize this: ...");
// or with a messages array:
const text2 = await window.claude.complete({
messages: [{ role: 'user', content: '...' }],
});
})();
</script>
```
Calls default to `claude-haiku-4-5` with a 1024-token output cap. The body may also set `model` (haiku/sonnet families only), `max_tokens` (up to 32000), `system`, `tool_choice`, and client `tools` — standard Messages API shapes, except each tool also carries `run: async (input) => string` and the helper executes tool calls in-page and loops (max 8 model calls), resolving with the final text. Handler throws become is_error tool_results. Server tools (web search etc.) are rejected; no streaming; rate-limited 15 calls/minute per user, loop iterations included. Shared artifacts run under the viewer's quota.From justinlietz93/Perfect_Prompts, MIT.
More from justinlietz93/Perfect_Prompts
- 0.611score
setup-writing-style
justinlietz93
Learns how the user writes from their own sent messages and docs, and builds a voice profile so future drafts sound like them instead of generic AI.
SkillBFreshness: B★ 23Claude Code +9 - 0.606score
run-skill-generator
justinlietz93
Author or improve the run-<unit> skill — a per-project skill that tells agents how to build, launch, and drive this project's app.
SkillBFreshness: B★ 23Claude Code +9 - 0.606score
design-sync
justinlietz93
Push a React design system to claude.ai/design.
SkillBFreshness: B★ 23Claude Code +9 - 0.605score
deep-research
justinlietz93
Deep research harness — fan-out web searches, fetch sources, adversarially verify claims, synthesize a cited report.
SkillBFreshness: B★ 23Claude Code +9 - 0.603score
comprehensive-data-analysis
justinlietz93
Execute complete, rigorous data analysis workflows from problem understanding through validated results delivery.
SkillBFreshness: B★ 23Claude Code +9 - 0.603score
hi-fi-design
justinlietz93
The design process for high-fidelity, polished work — the system prompt tells Claude to invoke it before starting any design
SkillBFreshness: B★ 23Claude Code +9 - 0.600score
frontend-design
justinlietz93
Aesthetic direction for designs outside an existing brand system
SkillBFreshness: B★ 23Claude Code +9 - 0.600score
options
justinlietz93
Present multiple design options as a vertical stack of anchored turns
SkillBFreshness: B★ 23Claude Code +9 - 0.600score
maps-geography
justinlietz93
Accurate maps from real geo data — use for any map, or whenever geography would make a good graphic for a deliverable
SkillBFreshness: B★ 23Claude Code +9 - 0.600score
create-design-system
justinlietz93
Skill to use if user asks you to create a design system or UI kit
SkillBFreshness: B★ 23Claude Code +9 - 0.597score
web-research
justinlietz93
Findings grounded in live web sources
SkillBFreshness: B★ 23Claude Code +9 - 0.597score
3d-object
justinlietz93
three.js model, downloadable as OBJ or GLB
SkillBFreshness: B★ 23Claude Code +9
Signals
- Stars
- 23
- Forks
- 1
- Open issues
- 0
- Last commit (this folder)
- Aug 24, 2026 (2 months ago)
- Last release
- Aug 22, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/justinlietz93/Perfect_Prompts
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
More from justinlietz93
- 0.611score
setup-writing-style
justinlietz93
Learns how the user writes from their own sent messages and docs, and builds a voice profile so future drafts sound like them instead of generic AI.
SkillBFreshness: B★ 23Claude Code +9 - 0.606score
design-sync
justinlietz93
Push a React design system to claude.ai/design.
SkillBFreshness: B★ 23Claude Code +9 - 0.606score
run-skill-generator
justinlietz93
Author or improve the run-<unit> skill — a per-project skill that tells agents how to build, launch, and drive this project's app.
SkillBFreshness: B★ 23Claude Code +9 - 0.605score
deep-research
justinlietz93
Deep research harness — fan-out web searches, fetch sources, adversarially verify claims, synthesize a cited report.
SkillBFreshness: B★ 23Claude Code +9 - 0.603score
comprehensive-data-analysis
justinlietz93
Execute complete, rigorous data analysis workflows from problem understanding through validated results delivery.
SkillBFreshness: B★ 23Claude Code +9 - 0.603score
hi-fi-design
justinlietz93
The design process for high-fidelity, polished work — the system prompt tells Claude to invoke it before starting any design
SkillBFreshness: B★ 23Claude Code +9
Cite this page
claude-api-in-prototypes skill. Agent Mart. https://agentmart.dev/skills/justinlietz93-claude-api-in-prototypes (last updated 2026-10-24)