·web-artifacts-builder
*

web-artifacts-builder

icartsh/icartsh_plugin

L'article (React, Tailwind CSS, shadcn/ui) contient un artefact HTML claude.ai C'est vrai. Il s'agit d'un artefact shadcn/ui qui est en fait un artefact. Il s'agit d'un artefact HTML/JSX.

7Installations·0Tendance·@icartsh

Installation

$npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder

SKILL.md

기술 스택(Stack): React 18 + TypeScript + Vite + Parcel (번들링) + Tailwind CSS + shadcn/ui

매우 중요: "AI가 만든 뻔한 느낌(AI slop)"을 피하기 위해, 과도한 중앙 정렬 레이아웃, 보라색 그라데이션, 일률적인 둥근 모서리, Inter 폰트 사용을 지양하세요.

생성된 파일들을 편집하여 artifact를 빌드합니다. 안내가 필요한 경우 아래의 일반적인 개발 작업을 참조하세요.

L'article (React, Tailwind CSS, shadcn/ui) contient un artefact HTML claude.ai C'est vrai. Il s'agit d'un artefact shadcn/ui qui est en fait un artefact. Il s'agit d'un artefact HTML/JSX. Source : icartsh/icartsh_plugin.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-17
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que web-artifacts-builder ?

L'article (React, Tailwind CSS, shadcn/ui) contient un artefact HTML claude.ai C'est vrai. Il s'agit d'un artefact shadcn/ui qui est en fait un artefact. Il s'agit d'un artefact HTML/JSX. Source : icartsh/icartsh_plugin.

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/icartsh/icartsh_plugin --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/icartsh/icartsh_plugin