Files
buzz-sheet/.agents/skills/catalog-ui-components/SKILL.md
T
2026-10-11 20:28:56 +07:00

1.1 KiB

name, description
name description
catalog-ui-components Add or change Buzz Sheet catalog UI that displays catalog item images, picks catalog items, or shows simple tooltips using the shared components.

Buzz Sheet catalog UI components

Reuse the project components for catalog imagery, catalog selection, and simple tooltip content instead of building one-off equivalents.

  • Render character, weapon, and artifact images with CatalogItemImage from components/catalog-item-image.tsx. Pass the item kind and catalog image data so rarity backgrounds and image behavior stay consistent.
  • Use the matching picker from components/catalog-select.tsx: CharacterSelect, WeaponSelect, or ArtifactSelect for domain pickers, and CatalogDropdown for a generic catalog dropdown. Extend these shared components when a picker needs another presentation or option behavior.
  • Use SimpleTooltip from components/tooltip.tsx for simple tooltip content. Keep the existing tooltip primitives for cases that need richer custom interaction or layout.
  • Preserve the shared pickers' search, keyboard selection, and clearing behavior when extending them.