Skills5History

component-usage

Load when choosing or using compote-ui components and utilities from the root package. Covers public exports, single components vs namespaced compound components, forms, overlays, layout/display components, files/images, buttons, collections, and common component usage mistakes.

203 lines

data-table

Load when using compote-ui/data-table or compote-ui/data-table/virtual. Covers TanStack Table v9 wrapper usage, createTable, createDataTableColumnHelper, table columns, row selection, filters, formatting, toolbars, virtualized imports, and optional peer dependencies.

248 lines

getting-started

Load when setting up compote-ui in a Svelte or SvelteKit app. Covers npm install, bun add, importing tailwindcss before compote-ui/theme.css, first imports from compote-ui, Toast.Toaster placement, Svelte 5 runes usage, and peer dependency basics.

174 lines

production-checklist

Load before shipping or reviewing a compote-ui integration. Checks peer dependencies, theme import, SSR/browser-only image utility boundaries, accessible labels, optional data-table peers, excluded companion libraries, and local verification with bun run check and bun run lint.

182 lines

theming

Load when configuring compote-ui/theme.css, Tailwind CSS 4 integration, CSS variables, dark and light mode, class overrides, focus rings, consumer brand tokens, --compote-* variables, @theme inline, or color-scheme behavior.

148 lines