К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

typescript-write — скилл для Claude Code: типизированный TypeScript

Скилл для написания и редактирования TypeScript и JavaScript кода с соблюдением стандартов Metabase. Требует строгую типизацию без any и проверку типов перед завершением.

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

Что делает typescript-write

typescript-write помогает редактировать TS/TSX/JS/JSX файлы в проектах Metabase, следуя внутренним стандартам кодирования. Скилл ориентирует на чтение frontend/CLAUDE.md и документации перед любыми изменениями в фронтенде, включая только тесты.

Главное правило — запрет на any в новом или изменённом коде. Скилл требует захватывать нетипизированные значения как unknown, проверять и сужать типы перед использованием. Для каждого изменения TS/TSX нужно запустить bun run type-check-pure и проверить, что типы корректны. Использует типовые утилиты TypeScript (Partial, Pick, Record, generics) вместо каст и учит моделировать данные точными типами — опциональные поля отмечать ?, различать отсутствие и undefined.

Это не автоматический рефакторинг, а наставник для разработчика: скилл ориентирует на переиспользование существующих типов из metabase-types, дискриминированные объединения для вариативного состояния, комментарии в неизбежных кастах с обоснованием. Для тестов нужно следовать специальным правилам написания.

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

  • Избавиться от неявных any в TypeScript коде
  • Нормализовать типы для API ответов и внешних данных
  • Правильно смоделировать опциональность и отсутствие полей
  • Уменьшить количество типовых кастов за счёт правильных сигнатур функций
  • Написать типизированные тесты по стандартам проекта

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

  • Помоги мне написать компонент React с типизацией, без `any`, с использованием типов из `metabase-types`
  • Переделай эту функцию так, чтобы она обрабатывала `unknown` из JSON вместо `any`
  • Напиши тест для этого хука с правильной типизацией и фикстурами

Как установить typescript-write

1Через Skills CLI (Vercel)

npx skills add metabase/metabase --skill typescript-write -a claude-code

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

~/.claude/skills/typescript-write/SKILL.md

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

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

Весь набор →
typescript-review metabase Проверяет изменения в TypeScript и JavaScript по правилам Metabase. Пригодится для ревью pull request и diff с фронтенд-кодом. Claude Code CX Codex Cursor +1 2 300установок docs-write metabase Скилл помогает писать и редактировать Markdown и MDX в стиле Metabase. Он пригодится для рабочих инструкций, описаний функций и другой документации. Claude Code CX Codex Cursor +1 2 100установок analytics-events metabase Скилл добавляет события продуктовой аналитики Snowplow во фронтенд Metabase. Нужен, когда в код встраивают трекинг кликов, создания сущностей и других действий пользователя. Claude Code CX Codex Cursor +1 2 000установок clojure-review metabase Проверяет изменения в коде на Clojure и ClojureScript по стандартам Metabase, выявляя ошибки стиля и оформления. Claude Code CX Codex Cursor +1 2 000установок clojure-write metabase Скилл задаёт REPL-ориентированный подход к разработке и рефакторингу Clojure и ClojureScript. Пригодится для пошаговой проверки функций. Claude Code CX Codex Cursor +1 2 000установок

Похожие

visual-design-foundations Seth Hobson Скилл помогает задать типографику, цвета и интервалы для проекта. Подойдёт, когда вы создаёте дизайн-токены или приводите интерфейс к единому стилю. Claude Code CX Codex Cursor 13 566установок baoyu-design JimLiu Скилл генерирует макеты интерфейсов, интерактивные прототипы и презентации в виде автономного HTML. Подходит для вёрстки экранов, дизайн-систем и схем. Claude Code CX Codex Cursor +1 6 300установок adev-writing-guide angular Скилл задаёт правила технического писательства Google и разметку для документации Angular в adev/. Он нужен при создании, правке и ревью страниц в каталоге adev/src/content. Claude Code CX Codex Cursor +1 912установок web-component-design Seth Hobson Скилл помогает проектировать компоненты для React, Vue и Svelte. Подойдёт для библиотек UI, дизайн-систем и рефакторинга старых компонентов. Claude Code CX Codex Cursor 13 167установок threejs nexu-io Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере. Claude Code CX Codex Cursor +1 3 400установок design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». Claude Code CX Codex Cursor +1 3 400установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о typescript-write

Как установить typescript-write в Claude Code?

Выполни npx skills add metabase/metabase --skill typescript-write -a claude-code. Скилл установится в ~/.claude/skills/typescript-write/SKILL.md.

Что делает typescript-write?

Скилл направляет редактирование TypeScript кода в проектах Metabase: требует строгую типизацию, запрещает any, учит правильно моделировать типы и проверяет результат через bun run type-check-pure.

Зачем нужна проверка типов перед завершением?

Команда bun run type-check-pure ловит ошибки типизации и убеждается, что any не проник в новый код. Это требование скилла, чтобы поддержать стандарты Metabase.

Смотрите также

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

Компании, которые помогают держать аналитику открытой