Sivir — скилл
Скилл для Svelte 5 и Tailwind 4 подгружает живой каталог компонентов Sivir UI и правила оформления, чтобы агент не гадал API
- 79 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скилл только направляет агента и читает документацию по сети, а код проекта меняет сам агент по вашим запросам
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/sivirОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл только направляет агента и читает документацию по сети, а код проекта меняет сам агент по вашим запросам
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Sivir — скилл для агента, который собирает интерфейсы на Svelte 5 и Tailwind CSS 4 с библиотекой Sivir UI. Библиотека дает 59 компонентов, ее ставят пакетом `@sivir-ui/svelte` либо копируют исходники в проект командой `sivir` и правят. Скилл не дает агенту выдумывать API по привычкам из других библиотек. В начале каждой задачи он загружает индекс `https://sivir.dev/llms.txt`, определяет режим проекта: пакет, копирование исходников или установки нет, и читает страницы нужных компонентов вместе с версией, зависимостями, командой установки и примерами. При расхождении источников приоритет у локальных копий, затем у установленного пакета, затем у живой документации. Справочники внутри скилла помогают выбирать компоненты и держать язык оформления.
Для кого. Frontend-разработчикам на Svelte 5 и Tailwind CSS 4, которые выбрали Sivir UI и хотят, чтобы агент использовал его актуальные компоненты.
Подходит, если
- Вы добавляете в проект на Svelte 5 форму из компонентов Sivir и не хотите несуществующих свойств
- Проект использует копирование исходников через `sivir.json`, и агент не должен менять режим молча
- Нужно собрать интерфейс чата или других ИИ-состояний на готовых примитивах
- После обновления пакета API разошелся, и надо сверить установленную версию со страницами
- Дизайн-ревью интерфейса должно опираться на язык оформления библиотеки
Не подходит, если
- Проект не на Svelte 5 и Tailwind CSS 4: компоненты рассчитаны на них
- Вы используете другую библиотеку компонентов и не планируете переходить на Sivir
- Агент не может ходить в сеть: скилл читает `llms.txt` на старте каждой задачи
- Вам нужен пакет компонентов без скилла: библиотеку можно ставить и отдельно
Пример запроса к агенту
Собери в этом проекте на Svelte 5 форму входа из компонентов Sivir, сверь API с живой документациейОграничения
Скилл требует доступа к сети: в начале каждой задачи он читает `https://sivir.dev/llms.txt` и страницы компонентов, без этого точность падает. Он рассчитан на Svelte 5 и Tailwind CSS 4, а библиотека доступна пакетом `@sivir-ui/svelte` или копированием исходников с файлом `sivir.json`. Скилл сам режим проекта не меняет и спрашивает до обновления, если версия проекта отстает от живой. Синтаксис, появившийся только в последней версии, в старую установку он не вставляет. Справочники лежат в `skills/sivir/references/`.
Как отключить. Удалите папку `sivir` из каталога скиллов агента. Саму библиотеку убирает `npm uninstall @sivir-ui/svelte`, а скопированные компоненты удаляют вручную по алиасу из `sivir.json`.
Частые вопросы
Как поставить скилл Sivir?
Выполните `npx skills add aidan-neel/sivir-ui --skill sivir`. Он загрузит индекс компонентов, руководство по выбору и язык оформления для агентов, которые читают скиллы.
Чем режимы пакета и копирования отличаются?
В режиме пакета компоненты импортируют из `@sivir-ui/svelte`. В режиме копирования исходники лежат в проекте, путь задан алиасом в `sivir.json`, по умолчанию `$lib/sivir`, и их можно править.
Откуда скилл берет актуальный API?
С `https://sivir.dev/llms.txt`: оттуда агент идет на страницу нужного компонента с версией, зависимостями, командой установки и примерами.
Что делать, если проект отстает от релиза?
Скилл подстраивается под установленное API либо спрашивает до обновления и не вставляет синтаксис, который есть только в последней версии.
Сколько компонентов в библиотеке?
В бейдже репозитория указаны 59 компонентов на Svelte 5 и Tailwind CSS 4, включая примитивы для интерфейсов ИИ.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
Скиллыshadcn-svelte — скилл для агентов
shadcn-svelte
Скилл по shadcn-svelte: агент читает components.json, ставит компоненты через CLI и собирает формы, диалоги и карточки по правилам библиотеки
Скилл Nuxt UI v4: агент строит интерфейсы на Vue и Nuxt, подбирает компоненты, настраивает тему и верстает формы и дашборды
Скилл подбирает и ставит анимированные React-компоненты beUI через публичный MCP или реестр shadcn вместо самодельных виджетов
Скиллы Preline UI для агентов: сборка интерфейсов из компонентов Tailwind CSS и генерация тем по токенам
shadcn-vue — скилл для агентов
shadcn-vue skill
Скилл shadcn-vue читает настройки вашего проекта и учит агента добавлять компоненты, формы и темы Vue-порта shadcn/ui по правилам библиотеки
Скиллы Material UI
Material UI agent skills
Четыре официальных скилла Material UI: стилизация, темы, интеграция с Next.js и совместная работа с Tailwind CSS
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Sivir (эта карточка) | нет | 79 | ||
| shadcn-svelte — скилл для агентов | да | 9 256 | порт shadcn для Svelte; Sivir собственная библиотека с каталогом llms.txt и ИИ-примитивами и скиллом, который сверяет API | |
| Svelte MCP | да | не нужна | 338 | MCP с документацией Svelte; здесь скилл про компоненты Sivir UI и их язык оформления |
Коротко о README
README короткий: библиотека компонентов для Svelte 5 и Tailwind CSS 4 с установкой пакетом или копированием исходников командой `sivir`, ссылка на документацию и команда установки агентского скилла. Подробности лежат в файлах `skills/sivir`.
Бейдж для README
Исходный SKILL.md
--- name: sivir description: Builds and refines Svelte 5 interfaces with Sivir UI using its live llms.txt catalog, version-aware component APIs, installation workflow, AI primitives, and design language. Use when asked to "use Sivir", "build with Sivir", "add a Sivir component", "make this look like Sivir", create an AI chat or coding-agent interface with Sivir, or review existing @sivir-ui/svelte code. --- # Sivir Build Svelte interfaces from Sivir's current APIs and design system. Do not guess from generic component-library patterns. ## Step 1: Establish the Project State Inspect the project before changing code: 1. Confirm Svelte 5 and Tailwind CSS v4 are present. 2. Read the package manifest, lockfile, global CSS entry, and nearby Svelte components. 3. Detect the integration mode: - Package mode: `@sivir-ui/svelte` is a dependency and components import from it. - Source-copy mode: `sivir.json` exists and components import from its `alias` (default `$lib/sivir`). - Not installed: neither mode is present. 4. Identify the installed Sivir package version or the component versions recorded in `sivir.json`. 5. Preserve the project's package manager, import style, aliases, theme, and local component conventions. Do not silently switch an existing project between package and source-copy modes. ## Step 2: Load the Current Sivir Sources Fetch `https://sivir.dev/llms.txt` at the start of each Sivir task. Treat it as the index for the current catalog, installation guide, theming guide, changelog, and generated component references. Load documentation progressively: | Task | Read from the `llms.txt` index | | --- | --- | | First Sivir integration | Introduction, Installation, and Theming | | Choosing components | Components index, then candidate component pages | | Implementing a component | That component's Markdown page and every Sivir dependency needed for custom composition | | AI or coding-agent UI | Candidate AI component pages plus `references/component-selection.md` from this skill | | Upgrading or resolving an API mismatch | Installed version, the compiled changelog, the LLM changelog page when linked, and component pages | | Visual design or review | `references/design-language.md` from this skill | Each generated component page contains its current version, dependencies, install command, public `index.ts` API, and runnable examples. Read the exact page before using a component that is new to the project. Never invent a part, prop, event, variant, slot/snippet contract, or import path. Use this authority order when sources disagree: 1. Local source-copied components define source-copy behavior. 2. The installed package and its declarations define package behavior at the locked version.