vercel-labs · Agent Skills
共 65 个 Skill,均有经来源核对的实质文档。打开卡片可阅读原始说明,了解包内文件和安装方式。
vercel-labsreact-pdf
React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.
- 1小时安装量
- 1
- GitHub Stars
- 1.9万
- 最近更新
- 10月24日
vercel-labsreact-three-fiber
React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.
- 1小时安装量
- 1
- GitHub Stars
- 1.9万
- 最近更新
- 10月24日
vercel-labsremotion
Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.
- 1小时安装量
- 1
- GitHub Stars
- 1.9万
- 最近更新
- 10月24日
vercel-labsremotion-best-practices
Best practices for Remotion - Video creation in React
- 1小时安装量
- 1
- GitHub Stars
- 1.9万
- 最近更新
- 10月24日
vercel-labsshadcn
Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.
- 1小时安装量
- 1
- GitHub Stars
- 1.8万
- 最近更新
- 9月21日
vercel-labsshadcn-svelte
Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte catalog, or building Svelte web UIs with shadcn-svelte + Tailwind CSS components.
- 1小时安装量
- 1
- GitHub Stars
- 1.9万
- 最近更新
- 10月24日
vercel-labssolid
SolidJS renderer for json-render. Use when building @json-render/solid catalogs/registries, wiring Renderer providers, implementing bindings/actions, or troubleshooting Solid-specific reactivity patterns.
- 1小时安装量
- 1
- GitHub Stars
- 1.6万
- 最近更新
- 9月16日
vercel-labsvue
Vue 3 renderer for json-render. Use when building Vue UIs from JSON specs, working with @json-render/vue, defining Vue component registries, or rendering AI-generated specs in Vue.
- 1小时安装量
- 1
- GitHub Stars
- 1.9万
- 最近更新
- 10月13日
vercel-labsxstate
XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @json-render/xstate.
- 1小时安装量
- 1
- GitHub Stars
- 1.9万
- 最近更新
- 10月13日
vercel-labslat-md
- Writing and maintaining lat.md documentation files — structured markdown that describes a project's architecture, design decisions, and test specs. Use when creating, editing, or reviewing files in the lat.md/ directory.
- 1小时安装量
- 1
- GitHub Stars
- 2007
- 最近更新
- 9月24日
vercel-labscra-to-next-migration
Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or adopting Next.js patterns like Server Components, App Router, or image optimization.
- 1小时安装量
- 1
- GitHub Stars
- 13
- 最近更新
- 1月30日
vercel-labsnative-sdk
Discovery skill for the Native SDK, the complete toolkit for building native desktop applications. Apps are authored in TypeScript + declarative Native markup (.native) by default and compiled to native code with no JS runtime in the binary; Zig cores are an explicit alternative, and WebViews are the optional web-content path. Use when the user asks what the Native SDK is, how to build a Native SDK app, author native UI, scaffold an app, configure app.json or legacy app.zon, add bridge commands,
- 1小时安装量
- 1
- GitHub Stars
- 7687
- 最近更新
- 9月16日
vercel-labscode-review
Reviews code changes and provides actionable feedback. Use when the user asks to review a PR, diff, commit, or code changes. Triggers on "/review", "review this PR", "review my changes", "code review".
- 1小时安装量
- 1
- GitHub Stars
- 5857
- 最近更新
- 8月29日
vercel-labsplan-mode
Holistic, system-aware planning before implementing non-trivial tasks. Use when the task involves new features, architectural decisions, multi-file changes, unclear requirements, or multiple valid approaches. Triggers on "/plan", "plan this", "design an approach", "let's plan first".
- 1小时安装量
- 1
- GitHub Stars
- 5822
- 最近更新
- 8月29日
vercel-labsweb-animation-design
Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or animation performance. This includes questions about how to animate specific UI elements, which easing to use, animation best practices, or accessibility considerations for motion. Triggers on: easing, ease-out, ease-in, ease-in-out, cubic-bezier, bounce, spring physics, keyframes, transform,
- 1小时安装量
- 1
- GitHub Stars
- 5829
- 最近更新
- 8月29日
vercel-labsnext-best-practices
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
- 1小时安装量
- 1
- GitHub Stars
- 1701
- 最近更新
- 3月6日
vercel-labsportless
Set up and use portless for named local dev server URLs (e.g. https://myapp.localhost instead of http://localhost:3000). Use when integrating portless into a project, configuring dev server names, setting up the local proxy, working with .localhost domains, or troubleshooting port/proxy issues.
- 1小时安装量
- 1
- GitHub Stars
- 1.3万
- 最近更新
- 10月21日