Набор инструментов для создания сложных многокомпонентных HTML-артефактов для claude.ai с использованием современных веб-технологий внешнего интерфейса (React, Tailwind CSS, shadcn/ui). Используйте его для сложных артефактов, требующих управления состоянием, маршрутизации или компонентов shadcn/ui. Не для простых однофайловых артефактов HTML/JSX.
Быстро установите AI-навык web-artifacts-builder в вашу среду разработки через командную строку
Источник: icartsh/icartsh_plugin.
기술 스택(Stack): React 18 + TypeScript + Vite + Parcel (번들링) + Tailwind CSS + shadcn/ui
매우 중요: "AI가 만든 뻔한 느낌(AI slop)"을 피하기 위해, 과도한 중앙 정렬 레이아웃, 보라색 그라데이션, 일률적인 둥근 모서리, Inter 폰트 사용을 지양하세요.
생성된 파일들을 편집하여 artifact를 빌드합니다. 안내가 필요한 경우 아래의 일반적인 개발 작업을 참조하세요.
Набор инструментов для создания сложных многокомпонентных HTML-артефактов для claude.ai с использованием современных веб-технологий внешнего интерфейса (React, Tailwind CSS, shadcn/ui). Используйте его для сложных артефактов, требующих управления состоянием, маршрутизации или компонентов shadcn/ui. Не для простых однофайловых артефактов HTML/JSX. Источник: icartsh/icartsh_plugin.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builderНабор инструментов для создания сложных многокомпонентных HTML-артефактов для claude.ai с использованием современных веб-технологий внешнего интерфейса (React, Tailwind CSS, shadcn/ui). Используйте его для сложных артефактов, требующих управления состоянием, маршрутизации или компонентов shadcn/ui. Не для простых однофайловых артефактов HTML/JSX. Источник: icartsh/icartsh_plugin.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/icartsh/icartsh_plugin --skill web-artifacts-builder После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/icartsh/icartsh_plugin