component▌

Build scalable, maintainable React components using modern patterns including functional components, hooks, composition, and TypeScript for type safety.

Self-contained Convex packages with isolated databases, functions, and type-safe exports for reuse across projects. \n \n Includes isolated database tables, queries, mutations, actions, and TypeScript types within a single component package \n Supports multiple component instances in a single app with custom naming and configuration options \n Provides optional React hooks for type-safe frontend integration and simplified consumer APIs \n Publishes to npm with proper peer dependencies, TypeScrip

Design and build isolated, reusable Convex backend components with clear boundaries and app-facing wrappers. \n \n Supports three component shapes: local (single-app), packaged (npm), and hybrid (both), with a decision tree to choose the right fit \n Enforces architectural boundaries: components own their tables and functions, while the app handles authentication, environment access, and client-facing wrappers \n Provides a complete workflow from planning (tables, public API, data flow) through

Instructions \n When generating documentation for a new component: \n \n Follow existing patterns : Use the documentation styles found in the docs folder (examples: button.md , accordion.md , etc.) \n Reference implementations : Base the documentation on the same-named story implementation in crates/story/src/stories \n API references : Use markdown code blocks with links to docs.rs for component API references when applicable \n \n Examples \n The generated documentation should include: \n \n C

When creating new GPUI components:

[Detailed description of what this component does and what problems it solves]

Applies Hyva UI template-based (non-CMS) components to a Hyvä theme by copying files from {hyva_ui_path}/components/ to app/design/frontend/{Vendor}/{Theme}/.

This skill provides expertise in pre-built animated React component libraries, specifically Magic UI and React Bits. These libraries offer production-ready, animated components that significantly accelerate development of modern, interactive web applications.

This skill guides the interactive creation of custom Hyvä CMS components for Magento 2. It supports creating components in new or existing modules, with field presets for common patterns and automatic setup:upgrade execution.

Creates production-quality React site components with editor manifests for Wix CLI applications. Site components are React components that integrate with the Wix Editor, allowing site owners to customize content, styling, and behavior through a visual interface.