React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".
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…
Guide for implementing smooth, native-feeling animations using React's View Transition API ( 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…
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".
Use as a reference package for prompt architecture, reasoning, agent orchestration, AI coding workflows, fullstack guidance, multimodal prompting, and evaluation/security guardrails.
Use for optional HyperFrames video composition workflows, website-to-video planning, product videos, launch videos, animated case studies, social shorts, and deterministic timeline QA.
Use for premium UI/UX review and implementation planning in Hipson frontend projects, especially screenshot-backed landing pages, forms, visual polish, accessibility, responsive behavior, and design-agent packets.
Use when creating, rewriting, auditing, or polishing README files for Hipson projects, CLI tools, developer workflow kits, open-source repos, and agent-skill libraries.
Use for visual direction, premium UI/UX art direction, motion interaction design, Codex-ready implementation briefs, and visual QA for web experiences.
Use when coordinating Codex subagents for non-trivial engineering work, including parallel codebase exploration, implementation workers, independent review, QA, security checks, or automation workflows in Hipson-managed repositories.