Name: ui
Author: yzua

Imported from yzua/sqlite-online (src/components/ui/AGENTS.md). Install upstream with npx skills add yzua/sqlite-online --skill ui. Copyright stays with the author.

src/components/ui

shadcn/ui primitives wrapping Radix UI, react-resizable-panels, and class-variance-authority. Standard generated components with minimal customization.

Files

File	Wraps	Notes
`badge.tsx`	native `<div>`	Chip/badge component
`button.tsx`	native `<button>`	Variants via `cva`. Imports from `buttonVariants.ts`.
`buttonVariants.ts`	--	Button variant definitions (extracted for reuse)
`dialog.tsx`	`@radix-ui/react-dialog`	Modal dialog
`dropdown-menu.tsx`	`@radix-ui/react-dropdown-menu`	Dropdown menu
`input.tsx`	native `<input>`	Text input
`label.tsx`	`@radix-ui/react-label`	Form label
`resizable.tsx`	`react-resizable-panels`	Panel, PanelGroup, Handle
`select.tsx`	`@radix-ui/react-select`	Select dropdown
`span.tsx`	native `<span>`	Project-specific: `cn`-enabled span wrapper
`table.tsx`	native `<table>`	Table, Header, Body, Row, Head, Cell
`tabs.tsx`	`@radix-ui/react-tabs`	Tabs, TabsList, TabsTrigger, TabsContent
`textarea.tsx`	native `<textarea>`	Multi-line text input

Guidelines

Do not hand-edit these files unless adding a genuinely new primitive.
To add a new shadcn component, use the shadcn CLI or match the existing pattern.
span.tsx is a project-specific addition (not standard shadcn).
All components use cn() from @/lib/utils for class composition.

Install ui and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

{ "ocm": "1", "id": "yzua-sqlite-online-ui", "kind": "skill", "name": "ui", "description": "shadcn/ui primitives wrapping Radix UI, `react-resizable-panels`, and `class-variance-authority`. Standard generated components with minimal customization.", "publisher": "yzua", "version": "1.0.0", "capabilities": { "domains": [ "coding" ], "tags": [ "skill-md", "github-agents" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "shadcn/ui primitives wrapping Radix UI, `react-resizable-panels`, and `class-variance-authority`. Standard generated components with minimal customization." ], "primary": false, "metadata": { "source": { "provider": "github-agents", "repository": "https://github.com/yzua/sqlite-online", "path": "src/components/ui/AGENTS.md", "ref": "8499b33383f9872a36d68048846611f3d4c6f323", "url": "https://github.com/yzua/sqlite-online/blob/8499b33383f9872a36d68048846611f3d4c6f323/src/components/ui/AGENTS.md", "key": "yzua/sqlite-online/src/components/ui/AGENTS.md" } }, "instructions": "# src/components/ui\n\nshadcn/ui primitives wrapping Radix UI, `react-resizable-panels`, and\n`class-variance-authority`. Standard generated components with minimal\ncustomization.\n\n## Files\n\n| File | Wraps | Notes |\n| ------------------- | ------------------------------- | ----------------------------------------------------- |\n| `badge.tsx` | native `<div>` | Chip/badge component |\n| `button.tsx` | native `<button>` | Variants via", "cost": { "context_tokens": 551 } }

ui

About

src/components/ui

Files

Guidelines

Install ui and it becomes one more candidate the router can pick - when it fits.

Use it

Manifest

Reviews