メニュー
Use when creating artifacts (rendered markdown docs, HTML pages, or self-contained React UI) for design previews, interactive mocks, or durable docs that can be iterated on.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Read this before starting to work on hardware projects.
Guide on producing the following docs for a hardware project: rendered schematic sheet, pin maps, BOM, and design notes.
Shop at online stores that speak the Universal Commerce Protocol (UCP) — run discovery, cart, and checkout over UCP's REST API and pay with Prava mandate credentials. Use when the user asks to buy, order, or purchase something online, wants to track an order, or mentions UCP or agentic checkout.
Guide on authoring valid .kicad_sch / .kicad_pro files as text: the live KiCad s-expression format and kicad-cli validation. Use when writing, generating, or editing a KiCad schematic or project by hand. Only use when the user explicitly requests KiCAD or PCBs.
| name | artifacts |
| description | Use when creating artifacts (rendered markdown docs, HTML pages, or self-contained React UI) for design previews, interactive mocks, or durable docs that can be iterated on. |
Publish rendered content into the conversation with create_artifact / update_artifact. Do not write design-preview files into the workspace unless the user explicitly asks for files on disk. Artifacts are a in-conversation canvas.
update_artifact replaces content only (full replacement, not a patch); title and contentType are fixed at creation.contentType: "react"): The default for most scenariosThe preview is a sandboxed iframe (allow-scripts only) with React 19 and Babel JSX in scope — no bundler, no import/require, no npm packages, no localStorage/sessionStorage, no forms, no popups.
App (function or const) — that is what mounts.<style> or style={{ ... }}), and copy in one artifact. External assets only via public CDN URLs.React.useState, etc.) — no React 18 APIs.function App() {
return (
<div>
<style>{`/* page styles */`}</style>
<header>…</header>
<main>…</main>
</div>
);
}
contentType: "html")Provide a complete HTML document (<!DOCTYPE html>…) when React is unnecessary.