Menu
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.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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.