vercel-react-view-transitions
zhukunpenglinyutong/desktop-cc-guiGuide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…
Scores out of 100 · grade A
2026-08-17Works
40% of the score100/100
- Loads cleanly: valid frontmatter, required fields present, no dangling references.
Maintained
25% of the score100/100
- no commits in the last 12 weeks
Adopted
20% of the score49/100
- 4,013 stars on the source repo.
Documented
15% of the score90/100
- 1,471 words with worked examples.
- Ships 7 bundled files.
Install
npx skills add zhukunpenglinyutong/desktop-cc-gui/vercel-react-view-transitionsWhat it says it does
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.
Also in zhukunpenglinyutong/desktop-cc-gui
| Artifact | Score | What the check found | Type | Reach | Last commit |
|---|---|---|---|---|---|
| vercel-optimizezhukunpenglinyutong/desktop-cc-gui | clean | Skill | 4.0k stars | today | |
| deploy-to-vercelzhukunpenglinyutong/desktop-cc-gui | clean | Skill | 4.0k stars | today | |
| vercel-cli-with-tokenszhukunpenglinyutong/desktop-cc-gui | clean | Skill | 4.0k stars | today | |
| vercel-react-best-practiceszhukunpenglinyutong/desktop-cc-gui | clean | Skill | 4.0k stars | today | |
| cosszhukunpenglinyutong/desktop-cc-gui | No name | Skill | 4.0k stars | today | |
| web-design-guidelineszhukunpenglinyutong/desktop-cc-gui | clean | Skill | 4.0k stars | today |
Other frontend & ui skills
Browse all| Artifact | Score | What the check found | Category | Reach | Last commit |
|---|---|---|---|---|---|
| ui-ux-pro-maxnextlevelbuilder/ui-ux-pro-max-skill | clean | Frontend & UI | 325,271 installs | yesterday | |
| sandbox-benchvercel/next.js | clean | Frontend & UI | 142k stars | today | |
| gh-stackvercel/next.js | clean | Frontend & UI | 142k stars | today | |
| next-cache-components-adoptionvercel/next.js | clean | Frontend & UI | 9,145 installs | today | |
| next-cache-components-optimizervercel/next.js | clean | Frontend & UI | 8,900 installs | today | |
| hyperframes-registryheygen-com/hyperframes | clean | Frontend & UI | 369,389 installs | today |
Put this measurement in your README
A badge carrying how many listings this index holds from the repository and how many pass every static structural check. It reads from this index every time somebody loads your page, so it changes when the measurement changes and there is nothing to keep up to date. Free, no account, and the value is not something you or we can set by hand.
[](https://skillworks.kynth.studio/?q=zhukunpenglinyutong%2Fdesktop-cc-gui)Would rather not hotlink us? Every badge is also served in shields.io’s endpoint schema, so shields renders the image and your readers never talk to our domain:
Published by Toolproof, the masthead over this index and eight others. The method behind the number is at toolproof.kynth.studio/methodology, and the whole thing is readable as JSON with no key at /api.
