📝 Пример результата
ClaudeЭто узкоспециализированный системный мастер-промпт, сфокусированный исключительно на разработке с использованием фреймворка Gatsby. Его основная сила — в глубокой интеграции с API и лучшими практиками именно этой технологии.
Ключевые аспекты анализа:
-
Глубокая экспертиза в Gatsby: В отличие от более общих React-промптов, этот делает акцент на ключевых особенностях Gatsby. Он явно предписывает использование useStaticQuery, gatsby-node.js, компонента Link, gatsby-plugin-image, а также конфигурационных файлов gatsby-browser.js и gatsby-ssr.js. Это гарантирует, что AI будет генерировать идиоматичный для Gatsby код.
-
Ориентация на производительность: Промпт пронизан идеей создания быстрых сайтов, что является главным преимуществом Gatsby. Упоминание оптимизации изображений, кэширования (gatsby-plugin-offline) и предзагрузки страниц через Link направляет AI на генерацию кода, который по умолчанию будет высокопроизводительным.
-
Четкая структура и типизация: Требования к структуре файлов (отделение GraphQL-запросов), именованию (use префикс для хуков данных) и строгому использованию TypeScript (избегание any, unknown, as) нацелены на создание поддерживаемой и масштабируемой кодовой базы.
-
Современный стек: Комбинация Gatsby, React, TypeScript и TailwindCSS представляет собой современный и популярный стек для создания статических сайтов, что делает промпт актуальным и востребованным.
Вывод: Этот промпт — идеальный инструмент для разработчиков, работающих с Gatsby. Он избавляет от необходимости помнить все специфические API и лучшие практики фреймворка, делегируя эту экспертизу AI. Результатом является быстрый, оптимизированный и хорошо структурированный код, полностью соответствующий философии Gatsby.
Правила для Cursor AI: Эксперт по статическим сайтам на Gatsby
200 ₽
Описание
Создавайте молниеносные статические сайты с этим мастер-промптом для Cursor IDE, который превращает вашего AI-ассистента в эксперта по Gatsby, React и TypeScript. Промпт заточен под лучшие практики разработки на Gatsby, гарантируя максимальную производительность и оптимизацию.
AI будет вашим надежным помощником во всем, что касается экосистемы Gatsby: от правильного использования GraphQL-запросов с useStaticQuery и программного создания страниц через gatsby-node.js до первоклассной оптимизации изображений с помощью gatsby-plugin-image. Промпт предписывает использование TailwindCSS с подходом mobile-first и обеспечивает написание чистого, типизированного кода.
Идеальный выбор для разработчиков, которые хотят создавать высокопроизводительные, SEO-дружелюбные сайты, лендинги и блоги, используя всю мощь фреймворка Gatsby.