claude-api-in-prototypes

claude-api-in-prototypes is a skill for Claude Code from imMamdouhaboammar/get-fable. It costs 20 tokens per session (272 once invoked), scanned A, a copy of claude-api-in-prototypes, MIT.

A guide for calling Anthropic's Claude or Google's Gemini API from an interactive web prototype. An API is a way for one program to request work from another.

In plain words
What is it for?
Use it to add text generation, message-based requests, system instructions, output limits, or in-page tool calls to an HTML prototype.
Why use it?
It explains how a prototype can send text to Claude without adding an SDK or handling an API key directly.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Part of the get-fable plugin — 78 skills, 1 agent, 5 hooks shipped together

Good fit Use it to add text generation, message-based requests, system instructions, output limits, or in-page tool calls to an HTML prototype.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/immamdouhaboammar/get-fable/claude-api-in-prototypes
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add imMamdouhaboammar/get-fable --skill claude-api-in-prototypes
Clone the repo
git clone --depth 1 https://github.com/imMamdouhaboammar/get-fable

Made for: Claude Code.

Or install get-fable, the plugin that ships this one along with the rest of its 78 skills, 1 agent, 5 hooks.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for claude-api-in-prototypes

README.md
[![agentmods](https://agentmods.dev/badge/skills/immamdouhaboammar/get-fable/claude-api-in-prototypes/github.svg)](https://agentmods.dev/skills/immamdouhaboammar/get-fable/claude-api-in-prototypes)
Your own site
<a href="https://agentmods.dev/skills/immamdouhaboammar/get-fable/claude-api-in-prototypes"><img src="https://agentmods.dev/badge/skills/immamdouhaboammar/get-fable/claude-api-in-prototypes/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for claude-api-in-prototypes

Your own site · 80×15
<a href="https://agentmods.dev/skills/immamdouhaboammar/get-fable/claude-api-in-prototypes"><img src="https://agentmods.dev/badge/skills/immamdouhaboammar/get-fable/claude-api-in-prototypes.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 20 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 272 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin 89% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00020 $0.00272
Opus 5 $0.00010 $0.00136
Sonnet 5 $0.00004 $0.00054
Haiku 4.5 $0.00002 $0.00027

Measured 11d ago against content hash 9a0fad904856, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

claude-api-in-prototypes scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

89% identical to claude-api-in-prototypes — 3 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

assets/skills/claude-design/claude-api-in-prototypes/SKILL.md · 23 lines

What it actually says

Claude API in prototypes

Your HTML artifacts can call Claude via a built-in helper. No SDK or API key needed.

<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.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 11d ago First seen · 23 lines · 20 tokens per session scan A 9a0fad904856

Subscribe to this mod's changes

claude-api-in-prototypes is a skill published in the GitHub repository imMamdouhaboammar/get-fable (4 stars, last pushed yesterday), licensed MIT. It adds 20 tokens to every session and 272 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. It is 89% identical to claude-api-in-prototypes, differing in 3 lines, and is treated as a copy.

Related

Other skills, from other repositories

cqrs-implementation

Implement Command Query Responsibility Segregation for scalable architectures. Use when separating read and write models, optimizing query performance, or building event-sourced systems.

wshobson/agents · 35 tokens

groq-inference

Ultra-fast LLM inference on custom LPU hardware. OpenAI-compatible API at api.groq.com. Lowest latency in the industry (500-1000+ tok/s). Supports chat completions, vision, audio (Whisper STT + TTS), tool calling, JSON mode, and streaming. Free tier available. Inference only — no training.

synthetic-sciences/openscience · 77 tokens

todos

This chat has a shared, live TODO plan — your tasks for the conversation, which the user also edits. Read this skill and reach for the todo tools whenever a request takes more than a couple of steps. It covers the plan model (group = task, items = its steps; loose items are the user's lane), how to work it: propose…

JetBrains/thinkrail · 127 tokens

reviewing-changes

Use when a review package asks you to review a plan step's change set (todo.startReview): you are the REVIEWER, not the author. How to judge an agent-written diff, file findings with addreviewcomment, and settle with exactly one reviewverdict.

JetBrains/thinkrail · 59 tokens

setting-up-a-project

Use whenever asked to set up, onboard, initialize, or spec a project — the front door when the workspace has no spec graph yet (brand-new or an existing codebase); also seeded by the app's Set-up-project card (/skill:setting-up-a-project). Not for feature work in an already-specced project — use the brainstorming…

JetBrains/thinkrail · 76 tokens

offline-queue

Generates an offline operation queue with persistence, automatic retry on connectivity, and conflict resolution. Use when user needs offline-first behavior, queued mutations, or pending operations that sync when back online.

rshankras/claude-code-apple-skills · 42 tokens