Un toolkit per la creazione di artefatti HTML claude.ai complessi e multicomponente utilizzando le moderne tecnologie web frontend (React, Tailwind CSS, shadcn/ui). Adatto per artefatti complessi che richiedono gestione dello stato, routing o componenti shadcn/ui, non per semplici artefatti HTML/JSX a file singolo.
Installa rapidamente la skill AI web-artifacts-builder nel tuo ambiente di sviluppo tramite riga di comando
Fonte: leastbit/claude_skills_zh-cn.
技术栈: React 18 + TypeScript + Vite + Parcel (打包) + Tailwind CSS + shadcn/ui
这将创建 bundle.html —— 一个包含所有内联 JavaScript、CSS 和依赖项的自包含 artifact。此文件可以直接作为 artifact 在 Claude 对话中分享。
要测试/预览 artifact，请使用可用工具（包括其他 Skill 或内置工具如 Playwright 或 Puppeteer）。通常情况下，避免预先测试 artifact，因为这会增加请求与看到成品 artifact 之间的延迟。如果用户要求或出现问题，请在展示 artifact 后再进行测试。
Un toolkit per la creazione di artefatti HTML claude.ai complessi e multicomponente utilizzando le moderne tecnologie web frontend (React, Tailwind CSS, shadcn/ui). Adatto per artefatti complessi che richiedono gestione dello stato, routing o componenti shadcn/ui, non per semplici artefatti HTML/JSX a file singolo. Fonte: leastbit/claude_skills_zh-cn.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill web-artifacts-builderUn toolkit per la creazione di artefatti HTML claude.ai complessi e multicomponente utilizzando le moderne tecnologie web frontend (React, Tailwind CSS, shadcn/ui). Adatto per artefatti complessi che richiedono gestione dello stato, routing o componenti shadcn/ui, non per semplici artefatti HTML/JSX a file singolo. Fonte: leastbit/claude_skills_zh-cn.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill web-artifacts-builder Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/leastbit/claude_skills_zh-cn