web-artifacts-builder
✓현대적인 프런트엔드 웹 기술(React, Tailwind CSS, shadcn/ui)을 사용하여 정교한 을 사용하여 정교한 띄 사 용하여 정교한 띥줬 용핌. 제작하기 위한 툴킷입니다。 상태 관리, 라우팅 또는 shadcn/ui 컴포넌트ה필요한 복잡한 artifact에 사용하세요。它是 HTML/JSX 工件。
SKILL.md
기술 스택(Stack): React 18 + TypeScript + Vite + Parcel (번들링) + Tailwind CSS + shadcn/ui
매우 중요: "AI가 만든 뻔한 느낌(AI slop)"을 피하기 위해, 과도한 중앙 정렬 레이아웃, 보라색 그라데이션, 일률적인 둥근 모서리, Inter 폰트 사용을 지양하세요.
생성된 파일들을 편집하여 artifact를 빌드합니다. 안내가 필요한 경우 아래의 일반적인 개발 작업을 참조하세요.
현대적인 프런트엔드 웹 기술(React, Tailwind CSS, shadcn/ui)을 사용하여 정교한 을 사용하여 정교한 띄 사 용하여 정교한 띥줬 용핌. 제작하기 위한 툴킷입니다。 상태 관리, 라우팅 또는 shadcn/ui 컴포넌트ה필요한 복잡한 artifact에 사용하세요。它是 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)을 사용하여 정교한 을 사용하여 정교한 띄 사 용하여 정교한 띥줬 용핌. 제작하기 위한 툴킷입니다。 상태 관리, 라우팅 또는 shadcn/ui 컴포넌트ה필요한 복잡한 artifact에 사용하세요。它是 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 中使用
這個 Skill 的原始碼在哪？
https://github.com/icartsh/icartsh_plugin
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-17