vercel-labs/agent-skills
Vercel's official collection of agent skills
https://skillcdn.ai/gh/vercel-labs/agent-skillsConnect this address to your AI to use these skills. How to connect
- Unverified
- Default branch
main - Commit
1a2c79d - License
None declared - Searchwords and meaning
Explore this repository
Searches the original text of skills and documents by words and by meaning; display translations are not searched.
Documents
- SectionsThis file defines all sections, their ordering, impact levels, and descriptions. The section ID (in parentheses) is the filename prefix used to group rules.skills/composition-patterns/rules/_sections.md
- Rule Title HereBrief explanation of the rule and why it matters.skills/composition-patterns/rules/_template.md
- Avoid Boolean Prop ProliferationDon't add boolean props like isThread, isEditing, isDMThread to customize component behavior. Each boolean doubles possible states and creates unmaintainable conditional logic. Use composition instea…skills/composition-patterns/rules/architecture-avoid-boolean-props.md
- Use Compound ComponentsStructure complex components as compound components with a shared context. Each subcomponent accesses shared state via context, not props. Consumers compose the pieces they need.skills/composition-patterns/rules/architecture-compound-components.md
- Prefer Composing Children Over Render PropsUse children for composition instead of renderX props. Children are more readable, compose naturally, and don't require understanding callback signatures.skills/composition-patterns/rules/patterns-children-over-render-props.md
- Create Explicit Component VariantsInstead of one component with many boolean props, create explicit variant components. Each variant composes the pieces it needs. The code documents itself.skills/composition-patterns/rules/patterns-explicit-variants.md
- React 19 API ChangesIn React 19, ref is now a regular prop (no forwardRef wrapper needed), and use() replaces useContext().skills/composition-patterns/rules/react19-no-forwardref.md
- Define Generic Context Interfaces for Dependency InjectionDefine a generic interface for your component context with three parts: state, actions, and meta. This interface is a contract that any provider can implement—enabling the same UI components to work…skills/composition-patterns/rules/state-context-interface.md
- Decouple State Management from UIThe provider component should be the only place that knows how state is managed. UI components consume the context interface—they don't know if state comes from useState, Zustand, or a server sync.skills/composition-patterns/rules/state-decouple-implementation.md
- Lift State into Provider ComponentsMove state management into dedicated provider components. This allows sibling components outside the main UI to access and modify state without prop drilling or awkward refs.skills/composition-patterns/rules/state-lift-state.md
Skipped (2)
These manifests were not served. Fix them and push: the next commit is indexed again.
skills/react-best-practices/AGENTS.mdlink_missing3 links name no file of the repository (./async-defer-await.md, ./async-cheap-condition-before-await.md, ./server-hoist-static-io.md)skills/react-view-transitions/AGENTS.mdlink_missing20 links name no file of the repository (css-recipes.md, css-recipes.md#persistent-element-isolation, css-recipes.md#backdrop-blur-workaround, ...)