AIKraft/AI/Войти
AIKraft/Skills/Contentful: кастомное приложение с нуля

Contentful: кастомное приложение с нуля

Design, scaffold, build, and validate a new Contentful App Framework custom app for a customer's own repository or workspace. Use when users want to create a custom app from an idea, choose App Framework locations, build a sidebar app, field editor app, page app, dialog, configuration screen, App Action, or Function-backed app, scaffold with create-contentful-app, or make a locally testable app fo

contentful official Дизайн

Что делает навык

Навык преобразует идею пользовательского приложения в локально тестируемую реализацию на базе Contentful App Framework. Он охватывает проектирование, выбор локации, создание каркаса проекта и его интеграцию с Contentful для валидации в песочнице.

Когда применять

  • Создание нового кастомного приложения с нуля (sidebar, page, dialog, field editor и др.)
  • Выбор оптимальной локации App Framework на основе пользовательского сценария
  • Сборка проекта через npx create-contentful-app и настройка локальной среды разработки
  • Привязка локального приложения к определению приложения в Contentful для тестирования

Как работает

  1. Создать краткое описание реализации (Implementation Brief): концепция, целевые пользователи, локации, контентные модели, внешние системы и план тестирования
  2. Выбрать форму приложения (app-config, entry-sidebar, entry-field, dialog, page, entry-editor, App Actions или Functions) в зависимости от рабочего процесса
  3. Проверить существующий репозиторий или выполнить начальную сборку проекта через npx create-contentful-app@latest
  4. Разработать интерфейс в стиле Contentful с использованием App SDK, React Apps Toolkit и Forma 36, соблюдая правила безопасности секретов
  5. Настроить определение приложения в организации Contentful: указать локальный URL, локации, параметры установки и привязать к пространству
  6. Выполнить проверку: установку зависимостей, линтинг, типизацию, сборку и ручное тестирование в песочнице Contentful

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

Создай каркас sidebar-приложения для отображения статуса заказа в поле 'Order ID' с использованием TypeScript
Разработай page-приложение для дашборда с аналитикой, используя данные из внешнего API, и настрой его локальное тестирование
Сгенерируй диалоговое окно для подтверждения удаления записи и интегрируй его в редактор поля через App Framework

Что понадобится

  • Node.js и npm/npx для работы с create-contentful-app
  • Доступ к организации Contentful (sandbox или development) для установки и тестирования приложения
  • Рекомендуется использование TypeScript, если не запрошен JavaScript

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «contentful-custom-app-from-scratch» из репозитория: # https://github.com/contentful/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r contentful-custom-app-from-scratch/ ~/.claude/skills/contentful-custom-app-from-scratch/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.