Навыки и возможности модели

Neeklo Auto — агент для разработки сайтов, приложений и интерфейсов. Модель подключается к вашему проекту через OpenAI-совместимый API и автоматически активирует специализированные навыки (skills) в зависимости от задачи.

Как это работает

Базовые возможности (всегда активны)

Premium UI Mandate — каждый интерфейс делается в production-качестве: Tailwind CSS, адаптивность, типографика, hover-состояния, доступность (WCAG AA), без «голого» HTML.

Working method — сначала изучить код и контекст → спросить при выборе пути → малые проверяемые шаги → документировать важное.

Изоляция проектов — при первом запросе агент предложит создать .cursor/rules/neeklo.mdc с идентификатором проекта, чтобы память не смешивалась между репозиториями.

Модели

neeklo-auto Базовый агент: классификация задачи, skills, память проекта, RAG, превью и деплой.
по умолчанию
neeklo-aura премиум Всё из neeklo-auto плюс: серверная обработка контекста против «Input token limit», двухуровневые skills (экономия токенов), кэш разбора референсов, цикл Plan → Act → Verify → Refine со статической проверкой вёрстки и переиспользование ресурсов из библиотеки. Лучше качество вёрстки, меньше итераций, тот же или ниже расход.
вёрсткаконтекстreuse
neeklo-vision дизайн Специалист по вёрстке и дизайну: премиум-стили, анимации и движение, крутые шаблоны и лейауты для сайтов и приложений. Дизайн-модель + все подсистемы aura (layout-gate, кэш референсов, переиспользование блоков).
дизайнанимациишаблоны
neeklo-code код Специалист по разработке: код для любого стека и языка, БД, бэкенд, API, фреймворки. Максимально сильная инженерная модель + усиленный review (архитектура, корректность, безопасность, тесты).
backendapiлюбой стек

Подключение одинаковое — просто укажите нужный Model ID (neeklo-aura, neeklo-vision или neeklo-code) вместо neeklo-auto. Библиотеку ресурсов смотрите на странице Ресурсы.

Каталог навыков

Процесс и качество

neeklo-engineering-process Контролируемая разработка: исследование → вопрос пользователю → малые шаги → отчёт.
всегда
neeklo-code-quality Чистый TypeScript/React, архитектура, a11y, производительность, рефакторинг.
кодрефакторинг
neeklo-layout-qa Проверка вёрстки: одинаковая высота карточек, выравнивание иконок в кнопках, overflow, адаптив.
вёрсткаqa
gstack-review Код-ревью и аудит изменений перед merge.
ревью
gstack-qa Тестирование: unit, e2e, smoke-checks.
тесты
gstack-investigate Расследование багов: воспроизведение, логи, root cause.
багdebug

UI, дизайн и вёрстка

neeklo-tailwind-ui Tailwind v4, правильная настройка Vite, design tokens, styling gate.
tailwindvite
neeklo-ui-components Готовые UI-блоки, shadcn-паттерны, качественные карточки и кнопки.
компоненты
neeklo-typography-fonts Пары шрифтов, variable fonts, иерархия заголовков.
шрифты
neeklo-responsive-layout Адаптив: mobile-first, breakpoints, safe-area, без горизонтального скролла.
адаптив
neeklo-motion-animation Анимации: transitions, hover, scroll-reveal, reduced-motion.
анимация
neeklo-premium-landing Маркетинговый лендинг: hero, social proof, features, CTA.
лендинг
neeklo-premium-dashboard Админ-панели, аналитика, таблицы, фильтры.
дашборд
neeklo-social-prototype Соцсеть/лента/мессенджер — прототипы с реалистичным контентом.
соцсеть
neeklo-reference-analysis Разбор референсов и скриншотов макетов.
референс
neeklo-replication-1-to-1 Точное воспроизведение макета pixel-perfect.
1:1
neeklo-ecommerce-store Интернет-магазин: стабильные фото, тени на карточках, рабочие фильтры/поиск/избранное, header на всех страницах, фикс. header с отступом.
магазинкаталогкорзина
neeklo-seo SEO: meta, Open Graph, sitemap, schema.org, canonical.
seo

Деплой, платформа и ассеты

neeklo-preview-deploy Публикация на тестовый домен, настройка basePath, smoke-check после выкладки.
деплойpreview
neeklo-platform-tools Генерация фото/видео, QA-тестировщик сайтов, парсер для референсов — по запросу.
генерациятест
neeklo-game-dev Бrowser-игры: Phaser, Pixi, canvas.
игра
gstack-ship Релизный процесс: финальные проверки перед публикацией.
релиз
gstack-spec Спецификация и планирование архитектуры.
архитектура
gstack-document-generate Генерация README и проектной документации.
docs

Примеры запросов

Навыки подключаются автоматически — достаточно описать задачу своими словами:

Лендинг Сделай премиальный лендинг для автосервиса: hero, услуги в карточках одинаковой высоты, отзывы, форма записи. Адаптив под мобильные.
Деплой Опубликуй на тестовом домене и прогони тестировщик — проверь консоль на ошибки.
Генерация ассетов Сгенерируй баннер для hero: премиальный автосервис, тёмный фон, 16:9, 2k. Сначала уточни промпт.
Референс Вот скрин макета — сделай 1:1 в React + Tailwind, сохрани отступы и типографику.
Качество кода Отрефактори компоненты: вынеси типы, убери дубли, добавь loading/error states.
Интернет-магазин Сделай каталог с фильтрами, избранным и корзиной. Фото товаров локально в public/, карточки с тенью, header на всех страницах, поиск из шапки работает.
SEO Добавь meta-теги, Open Graph и schema.org для главной страницы интернет-магазина.
Первый запуск в проекте Настрой изоляцию памяти Neeklo для этого репозитория и начни задачу.

Что модель делает сама

Что модель не делает без согласия

Документация актуальна для модели neeklo-auto. Инструкции по подключению — на вкладке Подключение или в дашборде после входа.

Подключение к Neeklo Auto

Neeklo — OpenAI-совместимый API (/v1/chat/completions, /v1/models). Ключ nk_… создаётся в дашборде — один ключ = один изолированный проект.

Base URL
Модель (рекомендуется) neeklo-auto
Free (эксперимент) neeklo-free
Авторизация Authorization: Bearer nk_…

Cursor IDE

Основной клиент для агента neeklo-auto (Agent + Ask, tools, референсы).

  1. Войдите и создайте API-ключ во вкладке «API ключи».
  2. Settings → Models → OpenAI API Key → вставьте nk_…
  3. Включите Override OpenAI Base URL →
  4. Settings → Network → HTTP Compatibility Mode → HTTP/1.1
  5. Добавьте модель neeklo-auto и включите переключатель.
  6. Для Agent: выберите neeklo-auto в Agents Window.
Input token limit exceeded — если длинная сессия (100+ файлов) и несколько скринов в чате: начните новый чат, прикрепляйте 1–2 референса за раз, разбивайте задачу на этапы. Подробнее — в отчёте ниже.

Claude Code (CLI)

Официальный claude CLI ходит в Anthropic Messages API (/v1/messages). Neeklo отдаёт OpenAI Chat Completions (/v1/chat/completions) — прямой ANTHROPIC_BASE_URL на Neeklo не сработает.

Быстрая установка (рекомендуется) — OpenCode в терминале

Тот же neeklo-auto (skills, память проекта, preview) через OpenAI-совместимый API. Одна команда:

Linux / macOS / WSL

curl -fsSL https://model-api.neeklo.ru/scripts/neeklo-terminal-setup.sh | bash

С ключом сразу: NEEKLO_API_KEY=nk_… curl -fsSL … | bash

Windows (PowerShell)

$env:NEEKLO_API_KEY="nk_ВАШ_КЛЮЧ"; irm https://model-api.neeklo.ru/scripts/neeklo-terminal-setup.ps1 | iex

После установки:

opencode
opencode run --model neeklo/neeklo-auto "опишите задачу"

Ключ nk_… — в дашборде → «API ключи».

Если нужен именно Claude Code (claude)

Нужен локальный прокси Anthropic → OpenAI, который переводит запросы на Neeklo. Пример (Docker):

docker run -d --name neeklo-claude-proxy -p 8082:8082 \
  -e OPENAI_API_KEY="nk_ВАШ_КЛЮЧ" \
  -e OPENAI_BASE_URL="BASE_URL_HERE" \
  -e BIG_MODEL="neeklo-auto" \
  -e SMALL_MODEL="neeklo-auto" \
  ghcr.io/fuergaosi233/claude-code-proxy:latest

export ANTHROPIC_BASE_URL="http://127.0.0.1:8082"
export ANTHROPIC_API_KEY="local"
claude

Прокси — для продвинутых; возможны ограничения tools/skills по сравнению с Cursor Agent.

Другие варианты

Continue (VS Code / JetBrains) и Cline

Continue — config.yaml

models:
  - name: Neeklo Auto
    provider: openai
    model: neeklo-auto
    apiBase: BASE_URL_HERE
    apiKey: nk_ВАШ_КЛЮЧ

Замените BASE_URL_HERE на Base URL выше и укажите свой ключ.

Cline / Roo Code

Windsurf (Cascade) и OpenCode

Windsurf

OpenCode (терминал)

export OPENAI_API_KEY="nk_ВАШ_КЛЮЧ"
export OPENAI_BASE_URL="BASE_URL_HERE"
# далее — команды OpenCode с model neeklo-auto

Точные пункты меню зависят от версии клиента; универсально: OpenAI-compatible + Base URL + neeklo-auto.

curl и SDK

curl BASE_URL_HERE/chat/completions \
  -H "Authorization: Bearer nk_ВАШ_КЛЮЧ" \
  -H "Content-Type: application/json" \
  -d '{"model":"neeklo-auto","messages":[{"role":"user","content":"Привет!"}]}'

Список моделей: GET …/models. Персональная инструкция с ключом — в дашборде → «Документация».

Память проекта

При первом запросе агент предложит создать .cursor/rules/neeklo.mdc (с подтверждением) — изоляция контекста между репозиториями.

Ошибка «Input token limit exceeded»

Не только из‑за референсов. Референсы — один из факторов; лимит срабатывает на суммарный объём входа.

Что делать: новый чат; 1–2 скрина за сообщение; короткие follow-up («продолжить» без нового контекста); разбить магазин/лендинг на этапы; после входа скачать инструкцию в дашборде.