菜单
Specialist in Kobalte, a headless, accessible UI component library for SolidJS. Focuses on accessibility (ARIA), composability, and styling unstyled primitives.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Control and inspect WezTerm terminal panes. Use when terminal interaction, command execution, reading terminal output, monitoring running processes, or working with existing shell sessions is required.
Invoke this skill when the user says "use btca"
This skill should be used when the user asks to "create a justfile", "write just recipes", "configure just settings", "add just modules", "use just attributes", "set up task automation", mentions justfile, just command runner, or task automation with just.
Guide for writing ast-grep rules to perform structural code search and analysis. Use when users need to search codebases using Abstract Syntax Tree (AST) patterns, find specific code structures, or perform complex code queries that go beyond simple text search. This skill should be used when users ask to search for code patterns, find specific language constructs, or locate code with particular structural characteristics.
Drizzle ORM for TypeScript - type-safe SQL queries, schema definitions, migrations, and relations. Use when building database layers in Next.js or Node.js applications.
This skill should be used when the user asks about Effect-TS patterns, services, layers, error handling, service composition, or writing/refactoring code that imports from 'effect'. Also covers Effect + Next.js integration with @prb/effect-next.
| name | kobalte |
| description | Specialist in Kobalte, a headless, accessible UI component library for SolidJS. Focuses on accessibility (ARIA), composability, and styling unstyled primitives. |
<skill_doc> <trigger_keywords>
Activate this skill when the user mentions any of:
Core: Kobalte, Headless UI, Unstyled components, Accessible UI, A11y
Components: Select, Combobox, Dialog, Popover, Toast, Tabs, Accordion, Tooltip, Menubar, DropdownMenu
Concepts: Portal, Trigger, Content, Root, Polymorphism (as prop)
Styling: data-attributes, data-expanded, data-disabled, @kobalte/tailwindcss </trigger_keywords>
<Component.Portal> for overlays (Dialog, Popover, Tooltip, Select) to avoid z-index/clipping issues.role, aria-expanded, etc. Kobalte manages this.<Select> for button-triggered lists. Use <Combobox> if you need a text input.Root: All parts must be nested within the Root component (or passed via Context).@kobalte/tailwindcss plugin for ui-selected: modifiers.Root -> Trigger -> Portal -> Content.@opentui/solid (if using standard DOM renderer) or web projects.Kobalte Specialist - Accessible, Headless Primitives for SolidJS.
Philosophy:
Styling via Data Attributes:
[data-expanded]: Component is open.[data-selected]: Item is active.[data-disabled]: Component is inactive.[data-highlighted]: Item is focused via keyboard.Anatomy:
examples/examples.md for detailed code patterns.references/reference.md for official documentation links.
</skill_doc>