web-artifacts-builder
✓Modèles Web Web (React, Tailwind CSS, shadcn/ui) et artefact HTML claude.ai Il s'agit d'un artefact HTML/JSX.
Installation
SKILL.md
技术栈: React 18 + TypeScript + Vite + Parcel (打包) + Tailwind CSS + shadcn/ui
这将创建 bundle.html —— 一个包含所有内联 JavaScript、CSS 和依赖项的自包含 artifact。此文件可以直接作为 artifact 在 Claude 对话中分享。
要测试/预览 artifact，请使用可用工具（包括其他 Skill 或内置工具如 Playwright 或 Puppeteer）。通常情况下，避免预先测试 artifact，因为这会增加请求与看到成品 artifact 之间的延迟。如果用户要求或出现问题，请在展示 artifact 后再进行测试。
Modèles Web Web (React, Tailwind CSS, shadcn/ui) et artefact HTML claude.ai Il s'agit d'un artefact HTML/JSX. Source : leastbit/claude_skills_zh-cn.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill web-artifacts-builder- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que web-artifacts-builder ?
Modèles Web Web (React, Tailwind CSS, shadcn/ui) et artefact HTML claude.ai Il s'agit d'un artefact HTML/JSX. Source : leastbit/claude_skills_zh-cn.
Comment installer web-artifacts-builder ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill web-artifacts-builder Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/leastbit/claude_skills_zh-cn
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01