vercel-react-view-transitions vs web-design-guidelines
Сравнение двух Agent Skills бок о бок. Выбери подходящий для Claude Code или Claude Desktop.
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view tran
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site
Сравнение
| Параметр | vercel-react-view-transitions | web-design-guidelines |
|---|---|---|
| Скрипты | нет | нет |
| Разрешённые инструменты | любые | любые |
| Тип установки | personal | personal |
| Категория | coding | coding |
| Проверен | ||
| Лицензия | MIT | — |
| Автор | Vercel | Vercel |
| Repo | vercel-labs/agent-skills | vercel-labs/agent-skills |
Когда брать 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.
Когда брать web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
Ищешь другое? Все скиллы.