web-artifacts-builder
✓현대적인 프런트엔드 웹 기술(React, Tailwind CSS, shadcn/ui) 을 사용하여 정교한 다중 컴.ai용 HTMLアーティファクトは 제작하기 위한 툴킷입니다 です。 shadcn/ui を使用して、アーティファクトを作成します。 HTML/JSX アーティファクトを保存します。
SKILL.md
기술 스택(Stack): React 18 + TypeScript + Vite + Parcel (번들링) + Tailwind CSS + shadcn/ui
매우 중요: "AI가 만든 뻔한 느낌(AI slop)"을 피하기 위해, 과도한 중앙 정렬 레이아웃, 보라색 그라데이션, 일률적인 둥근 모서리, Inter 폰트 사용을 지양하세요.
생성된 파일들을 편집하여 artifact를 빌드합니다. 안내가 필요한 경우 아래의 일반적인 개발 작업을 참조하세요.
현대적인 프런트엔드 웹 기술(React, Tailwind CSS, shadcn/ui) 을 사용하여 정교한 다중 컴.ai용 HTMLアーティファクトは 제작하기 위한 툴킷입니다 です。 shadcn/ui を使用して、アーティファクトを作成します。 HTML/JSX アーティファクトを保存します。 ソース: icartsh/icartsh_plugin。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-17
- 更新日
- 2026-02-18
クイックアンサー
web-artifacts-builder とは？
현대적인 프런트엔드 웹 기술(React, Tailwind CSS, shadcn/ui) 을 사용하여 정교한 다중 컴.ai용 HTMLアーティファクトは 제작하기 위한 툴킷입니다 です。 shadcn/ui を使用して、アーティファクトを作成します。 HTML/JSX アーティファクトを保存します。 ソース: icartsh/icartsh_plugin。
web-artifacts-builder のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/icartsh/icartsh_plugin
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-17