Settings Skills

import { SettingsSkills } from "@/components/ui/settings-skills";

export default function Particle() {
  return <SettingsSkills />;
}

Пустое состояние

Когда навыков ещё нет, каждая группа сворачивается в пунктирную плашку-заглушку.

import { SettingsSkills } from "@/components/ui/settings-skills";

/** Empty state — no skills yet: both groups fall back to the dashed empty box. */
export default function Particle() {
  return <SettingsSkills skills={[]} />;
}

Установка

bunnpmpnpmyarn
pnpm dlx shadcn@latest add @oracul/settings-skills
Копировать

Использование

Copyimport { SettingsSkills } from "@/components/ui/settings-skills";
 
<SettingsSkills skills={skills} />

API

Презентационный (plain-props): приложение владеет загрузкой (/api/skills), переключением (enable/disable) и сохранением SKILL.md. Компонент держит локальное состояние раскрытого навыка, переключателей и формы черновика.

SkillSnapshot — { id, name, description, source: "custom" \| "local", enabled, valid, issues: string[] }.