Video & Animation
vercel-cli-with-tokens
Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g.
$ npx skills add vercel-labs/agent-skillsalgorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists
$ npx skills add anthropics/skillsdocx
Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of
$ npx skills add anthropics/skillswriting-guidelines
Review docs/prose for Writing Guidelines compliance. Use when asked to
$ npx skills add vercel-labs/agent-skillsdiscernment-nudge
>
$ npx skills add anthropics/skillsvercel-react-native-skills
React Native and Expo best practices for building performant mobile apps. Use
$ npx skills add vercel-labs/agent-skillsvercel-optimize
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.
$ npx skills add vercel-labs/agent-skillsrequesting-code-review
Use when completing tasks, implementing major features, or before merging to verify work meets requirements
$ npx skills add obra/superpowerssystematic-debugging
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes
$ npx skills add obra/superpowerstest-driven-development
Use when implementing any feature or bugfix, before writing implementation code
$ npx skills add obra/superpowersusing-git-worktrees
Use when starting feature work that needs isolation from current workspace or before executing implementation plans - ensures an isolated workspace exists via native tools or git worktree fallback
$ npx skills add obra/superpowersusing-superpowers
Use when starting any conversation - establishes how to find and use skills, requiring skill invocation before ANY response including clarifying questions
$ npx skills add obra/superpowersverification-before-completion
Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always
$ npx skills add obra/superpowerswriting-skills
Use when creating new skills, editing existing skills, or verifying skills work before deployment
$ npx skills add obra/superpowersvercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
$ npx skills add vercel-labs/agent-skillsvercel-composition-patterns
React composition patterns that scale. Use when refactoring components with
$ npx skills add vercel-labs/agent-skillsdeploy-to-vercel
Deploy applications and websites to Vercel. Use when the user requests deployment actions like
$ npx skills add vercel-labs/agent-skillswriting-plans
Use when you have a spec or requirements for a multi-step task, before touching code
$ npx skills add obra/superpowersreceiving-code-review
Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation
$ npx skills add obra/superpowersexecuting-plans
Use when executing an implementation plan in the current session as the implementer yourself — your human partner chose inline execution, or no subagent tool is available
$ npx skills add obra/superpowersfinishing-a-development-branch
Use when implementation is complete, all tests pass, and you need to decide how to integrate the work
$ npx skills add obra/superpowerssubagent-driven-development
Use when executing implementation plans with independent tasks in the current session
$ npx skills add obra/superpowersbrainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
$ npx skills add obra/superpowersdiagnosing-superpowers
Use when a superpowers session went wrong and your human partner wants to know why — repeated work, ignored plans, stumbles, poor results, a skill that didn
$ npx skills add obra/superpowers