К основному содержанию
affpapa.org
RU EN
скилл CX Codex

svelte-development — скилл для Claude Code: как установить

Скилл обучает ИИ-агента паттернам Svelte 5, включая руны реактивности, пропсы, эффекты и структуру компонентов.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add manutej/luxor-claude-marketplace --skill svelte-development -a claude-code
Открыть на GitHub

Что делает svelte-development

Скилл добавляет в контекст правила написания интерфейсов на Svelte 5. Он фокусируется на переходе к рунам вместо устаревшего синтаксиса реактивности, показывая применение $state, $derived, $effect и $props.

Внутри собраны шаблоны объявления типизированных пропсов через TypeScript, организация scoped-стилей, диспетчеризация событий и композиция слотов. Если проект написан на старых версиях фреймворка без поддержки рун, генерация кода по этим инструкциям сразу приведёт к ошибкам компиляции.

Какие задачи решает

  • настроить реактивное состояние через руны $state и $derived
  • создать типизированные пропсы компонента с помощью $props
  • добавить побочные эффекты и таймеры через $effect с очисткой
  • сверстать компонент со слотами и изолированными стилями

Примеры запросов агенту

  • Напиши компонент счётчика на Svelte 5 с рунами $state и $derived для удвоения значения.
  • Создай модальное окно с именованными слотами для заголовка и подвала на Svelte.
  • Сделай компонент карточки с типизированными пропсами через $props в TypeScript.

Как установить svelte-development

1Через Skills CLI (Vercel)

npx skills add manutej/luxor-claude-marketplace --skill svelte-development -a claude-code

2Вручную: положить файлы

~/.claude/skills/svelte-development/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/svelte-development/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о svelte-development

Как установить svelte-development в Claude Code?

Выполните команду npx skills add manutej/luxor-claude-marketplace --skill svelte-development -a claude-code. Также можно вручную поместить файл по пути ~/.claude/skills/svelte-development/SKILL.md.

Зачем нужен этот скилл?

Он передаёт ИИ примеры синтаксиса Svelte 5, чтобы модель применяла современные руны вместо устаревших меток реактивности и объявлений через export let.

Поддерживает ли скилл типизацию через TypeScript?

Да, в инструкциях показано определение интерфейсов и привязка типов к руне $props.

Похожие скиллы

Всё по теме «Фронтенд и UI» →
svelte Claude MPM Team Скилл помогает писать интерфейсы на Svelte 5 и приложения на SvelteKit. Пригодится для реактивного состояния, компонентов и серверного или статического рендеринга. CX Codex +1 343установок svelte-core-bestpractices sveltejs Скилл объясняет агенту, как писать код на Svelte с рунами: $state, $derived, события, стили. Пригодится, когда агент правит компоненты в проекте на Svelte. CX Codex +1 10 900установок svelte-runes spences10 Помогает ИИ-агенту писать код на Svelte 5 с рунами без смешивания устаревшего синтаксиса. Пригодится при настройке реактивности, пропсов и миграции компонентов. CX Codex +1 1 000установок shadcn-svelte huntabyte Скилл помогает работать с shadcn-svelte: добавлять компоненты, составлять интерфейсы, исправлять стили и отлаживать проекты. Нужен, если вы пишете UI на Svelte с использованием shadcn-svelte или планируете начать. CX Codex +1 6 700установок svelte5-best-practices ejirocodes Скилл для ИИ-агента, который подсказывает руны Svelte 5, сниппеты и паттерны SvelteKit при написании и рефакторинге компонентов. CX Codex +1 16 600установок svelte-code-writer sveltejs Скилл ищет официальную документацию Svelte 5 и проверяет компоненты через autofixer. Пригодится при написании и правке файлов .svelte или .svelte.ts. CX Codex +1 13 000установок

Из того же набора59

microservices-patterns Скилл по микросервисам: service mesh, circuit breakers, маршрутизация трафика и Istio. Пригодится, когда сервисы падают каскадом или нужен канареечный релиз. CX Codex +1 446установок linear-dev-accelerator Управляет задачами и проектами в Linear через MCP прямо из чата с ассистентом. Помогает разбирать бэклог и заводить тикеты при разработке. CX Codex +1 445установок mlops-workflows Помогает внедрить MLflow в проекты машинного обучения. Скилл учит агента логировать параметры моделей, настраивать реестр и организовывать вложенные запуски. CX Codex +1 444установок dbt-data-transformation Скилл по dbt для аналитической инженерии: модели, тесты, документация, инкрементальные сборки, макросы и пакеты. Пригодится, когда нужно навести порядок в SQL-преобразованиях в хранилище. CX Codex +1 441установок shell-testing-framework Скилл помогает проектировать тесты для Bash-скриптов: от структуры Arrange–Act–Assert до проверки покрытия и производительности. CX Codex +1 439установок apache-airflow-orchestration Скилл для работы с Apache Airflow: помогает писать DAG, связывать задачи, настраивать ветвление и готовить пайплайны к продакшену. CX Codex +1 437установок claude-sdk-integration-patterns Скилл с готовыми паттернами работы с Claude API и TypeScript SDK: стриминг, вызов инструментов, обработка ошибок, экономия токенов. CX Codex +1 434установок unix-goto-development Помогает добавлять функции в навигационную утилиту unix-goto по девятишаговому процессу, с тестами на 100% покрытия и кэшем быстрее 100 мс. CX Codex +1 427установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором