菜单
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 页面并帮你完成安装。
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.