web-artifacts-builder vs vercel-react-view-transitions
Сравнение двух Agent Skills бок о бок. Выбери подходящий для Claude Code или Claude Desktop.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view tran
Сравнение
| Параметр | web-artifacts-builder | vercel-react-view-transitions |
|---|---|---|
| Скрипты | есть | нет |
| Разрешённые инструменты | любые | любые |
| Тип установки | personal | personal |
| Категория | design | coding |
| Проверен | ||
| Лицензия | Complete terms in LICENSE.txt | MIT |
| Автор | Anthropic | Vercel |
| Repo | anthropics/skills | vercel-labs/agent-skills |
Когда брать web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Когда брать vercel-react-view-transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.
Ищешь другое? Все скиллы.