vercel-labs
from GitHub
内容与多媒体
- 📁 rules/
- 📄 AGENTS.md
- 📄 metadata.json
- 📄 README.md
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.
Use when creating new UI components in packages/ui. Covers component structure, tests, stories, and what to avoid.
Component data for App Router: layout data from getPage (or getPreview/getDesignLibraryData in editing). No getComponentData; pass site and locale from route params. Server Components use the client in server context; Client Components receive serializable props. Use when wiring component data or BYOC.
piotrski
from GitHub
工具与效率
React DevTools CLI for AI agents. Use when the user asks you to debug a React or React Native app at runtime, inspect component props/state/hooks, diagnose render performance, profile re-renders, find slow components, or understand why something re-renders. Triggers include "why does this re-render", "inspect the component", "what props does X have", "profile the app", "find slow components", "debug the UI", "check component state", "the app feels slow", or any React runtime debugging task.
- 📁 rules/
- 📄 AGENTS.md
- 📄 metadata.json
- 📄 README.md
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.
- 📁 .llm/
- 📁 .well-known/
- 📁 functions/
- 📄 .gitignore
- 📄 _headers
- 📄 _redirects
Use when building UI with DAUB, the considered CSS component library from daub.dev.
murphytrueman
from GitHub
测试与安全
Run an accessibility audit on a specific design system component. Trigger when someone says: accessibility check, a11y audit, WCAG compliance, is this accessible, check accessibility, does this meet WCAG, screen reader support, keyboard navigation check, or anything about auditing the accessibility of a specific component.
HerbertJulio
from GitHub
工具与效率
Use when adding a new UI component to an existing module - handles templates, inputs, and test scaffolding.
lutzseverino
from GitHub
内容与多媒体
- 📁 agents/
- 📁 references/
- 📄 .gitignore
- 📄 LICENSE
- 📄 README.md
Opinionated React component architecture guidance for React projects. Use when reviewing or designing component boundaries, deciding whether UI should stay inline, become a local helper, become a component boundary, or become another boundary kind, classifying components as presentational, interactive, or container, applying compound, headless, or polymorphic patterns, setting packaging and ownership rules, or reasoning about providers, pages, forms, loading, and error shells.