Borrowing it
Nothing to install: this file belongs to proyecto26/projectx. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/proyecto26/projectx/develop/.agents/skills/temporal-playground/SKILL.mdgit clone --depth 1 https://github.com/proyecto26/projectxWrote 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.
[](https://agentmods.dev/skills/proyecto26/projectx/temporal-playground)<a href="https://agentmods.dev/skills/proyecto26/projectx/temporal-playground"><img src="https://agentmods.dev/badge/skills/proyecto26/projectx/temporal-playground/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.
<a href="https://agentmods.dev/skills/proyecto26/projectx/temporal-playground"><img src="https://agentmods.dev/badge/skills/proyecto26/projectx/temporal-playground.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00068 | $0.01786 |
| Opus 5.5 | $0.00027 | $0.00714 |
| Sonnet 5.5 | $0.00014 | $0.00357 |
| Haiku 4.5 | $0.00007 | $0.00179 |
Grade A, and why
temporal-playground 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 2mo 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.
How it starts
The opening of the file, as written. The whole thing — 159 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Temporal Workflow Playground
A visual, node-based workflow designer built with React 19, React Flow 12, and Zustand. Users design Temporal workflows by dragging nodes, connecting them on a canvas, then send structured specs to Claude for implementation. Integrates with the project's existing workflows via dynamic scanning and the Temporal MCP documentation server.
Architecture
.agents/skills/temporal-playground/
server/ # MCP server (Node.js HTTP + stdio), serves ../public/
ui/ # Vite + React app (TypeScript, Tailwind v4)
src/
components/ # canvas/, chat/, palette/, spec/, layout/
constants/ # node-types, node-defaults, handle-colors, presets
edges/ # FlowEdge, DataEdge, WorkflowEdge
hooks/ # useSSE, useChat, useSpec, useDragAndDrop, useWorkflowScanner
lib/ # api, spec-generator, workflow-parser
nodes/ # BaseNode, 10 node types (Start..End)
store/ # workflow-store, chat-store, ui-store (Zustand)
styles/ # Tailwind v4 + React Flow dark theme
types/ # nodes, edges, workflow, chat, spec
public/ # Vite build output (served by MCP server)
Scripts:
pnpm playground:dev-- starts Vite dev server (:4344) with hot reload (proxies API to :4343)pnpm playground-- production mode, serves built UI frompublic/on :4343 (standalone, no Claude Code)pnpm playground:build-- builds both server and UI for production
Important: Claude Code auto-starts the MCP server (HTTP :4343 + stdio) via .mcp.json. The playground:dev script only starts Vite — it does NOT start the API server, since Claude Code already manages it. The Vite proxy forwards /events, /prompt, /respond, /api/* to :4343.
When to use this skill
- User wants to visually design a Temporal workflow (drag nodes, connect flow)
- User wants to inspect or modify an existing workflow from the monorepo
- User wants to generate workflow code from a visual spec
- User asks to "build a workflow", "design a workflow", or "open the workflow builder"
- User wants to explore Temporal patterns interactively
What ships with it
60 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- server/.gitignore 17 B
- server/package-lock.json 87 KB
- server/package.json 458 B
- server/src/cli.ts 989 B runs code
- server/src/server.ts 38 KB runs code
- server/src/store.ts 810 B runs code
- server/src/types.ts 386 B runs code
- server/tsconfig.json 327 B
- server/tsup.config.ts 201 B runs code
- shared/types.ts 1.2 KB runs code
- templates/workflow-builder.md 5.6 KB
- ui/.gitignore 12 B
- ui/index.html 441 B
- ui/package-lock.json 98 KB
- ui/package.json 740 B
- ui/src/App.tsx 1.3 KB
- ui/src/components/canvas/ActivityPicker.tsx 4.2 KB
- ui/src/components/canvas/Canvas.tsx 11 KB
- ui/src/components/canvas/ContextMenu.tsx 4.2 KB
- ui/src/components/canvas/CustomHandle.tsx 1.6 KB
- ui/src/components/canvas/NodeDetailPanel.tsx 11 KB
- ui/src/components/canvas/ParamsEditor.tsx 14 KB
- ui/src/components/canvas/VerticalToolbar.tsx 3.2 KB
- ui/src/components/chat/ChatInput.tsx 1.3 KB
- ui/src/components/chat/ChatMessage.tsx 384 B
- ui/src/components/chat/ChatMessages.tsx 654 B
- ui/src/components/chat/ChatPanel.tsx 695 B
- ui/src/components/chat/ConnectionStatus.tsx 523 B
- ui/src/components/editor/CodeMirrorField.tsx 1.4 KB
- ui/src/components/layout/Toolbar.tsx 1.8 KB
- ui/src/components/palette/ExistingWorkflows.tsx 3.9 KB
- ui/src/components/palette/Legend.tsx 662 B
- ui/src/components/palette/NewWorkflowButton.tsx 369 B
- ui/src/components/palette/NodeTypeList.tsx 972 B
- ui/src/components/palette/Palette.tsx 824 B
- ui/src/components/palette/PresetList.tsx 906 B
- ui/src/components/spec/SpecPanel.tsx 1.0 KB
- ui/src/components/spec/SpecTabs.tsx 568 B
- ui/src/constants/connection-rules.ts 1.2 KB runs code
- ui/src/constants/handle-colors.ts 126 B runs code
- ui/src/constants/index.ts 292 B runs code
- ui/src/constants/node-registry.ts 15 KB runs code
- ui/src/constants/presets.ts 15 KB runs code
- ui/src/edges/DataEdge.tsx 1.3 KB
- ui/src/edges/FlowEdge.tsx 1.2 KB
- ui/src/edges/index.ts 277 B runs code
- ui/src/edges/WorkflowEdge.tsx 1.3 KB
- ui/src/hooks/useChat.ts 2.1 KB runs code
- ui/src/hooks/useDragAndDrop.ts 878 B runs code
- ui/src/hooks/useHashRouting.ts 3.1 KB runs code
- ui/src/hooks/useKeyboardShortcuts.ts 1.2 KB runs code
- ui/src/hooks/useSpec.ts 792 B runs code
- ui/src/hooks/useSSE.ts 2.9 KB runs code
- ui/src/hooks/useUndoRedo.ts 1.8 KB runs code
- ui/src/hooks/useWorkflowScanner.ts 702 B runs code
- ui/src/lib/api.ts 876 B runs code
- ui/src/lib/config.ts 179 B runs code
- ui/src/lib/spec-generator.ts 6.9 KB runs code
- ui/src/lib/workflow-parser.ts 4.8 KB runs code
- ui/src/main.tsx 348 B
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.
- 2mo ago First seen · 159 lines · 68 tokens per session scan A 2574ed303955
temporal-playground is a skill published in the GitHub repository proyecto26/projectx (83 stars, last pushed yesterday), licensed MIT. It adds 68 tokens to every session and 1,786 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
temporal-playground compared with skills from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| temporal-playgroundproyecto26/projectx | Skill | 83 | yesterday | MIT | A | 68 | Claude Code |
| canvas-designAgiFlow/aicode-toolkit | Skill | 160 | 4d ago | AGPL-3.0 | A | 59 | Claude Code, Codex |
| discover-design-systemAgiFlow/aicode-toolkit | Skill | 160 | 4d ago | AGPL-3.0 | A | 38 | Claude Code |
| preview-componentAgiFlow/aicode-toolkit | Skill | 160 | 4d ago | AGPL-3.0 | A | 36 | Claude Code |
| obto-feedbackobto-inc/platform | Skill | 1 | 12d ago | Apache-2.0 | A | 140 | Claude Code, Codex |
| web-design-guidelinesMarve10s/Better-Fullstack | Skill | 818 | yesterday | MIT | A | 44 | Claude Code, Codex |
| vaadin-java-fullstack-uivaquarkhan/Fullstack-development-agent-skills | Skill | 3 | 2mo ago | MIT | A | 49 | Claude Code |