vercel-composition-patterns
vercel-labs / agent-skills
About vercel-composition-patterns
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.
Install vercel-composition-patterns
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patternsBasic information
What it does
Covers four priority categories: component architecture, state management, implementation patterns, and React 19 APIs, each with specific rules and code examples
Includes 10+ named patterns addressing compound components, context providers, state lifting, and explicit variants
Designed for refactoring bloated components, building reusable libraries, and reviewing component architecture decisions
React 19 specific guidance on removing forwardRef and using use() instead of useContext()
More skills in Design & UI
frontend-design
anthropics / skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
grill-me
mattpocock / skills
A relentless interview to sharpen a plan or design.
web-design-guidelines
vercel-labs / agent-skills
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".
grill-with-docs
mattpocock / skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
lark-event
larksuite / cli
Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume <EventKey>` (covers IM messages/reactions/chat changes, Task updates, VC meeting started/joined/ended, Minutes generated, Whiteboard updated, etc.). Use for Lark bots, real-time message processing, long-running subscribers, streaming webhook/push handlers. Supports `--max-events` / `--timeout` bounded runs and a stderr ready-marker contract — designed for AI agents running as subprocesses.
prototype
mattpocock / skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.