<
style
>
.tool-card
{
background
:
white
;
padding
:
30
px
;
margin-bottom
:
25
px
;
border-radius
:
12
px
;
box-shadow
:
0
2
px
15
px
rgba
(
0
,
0
,
0
,
0.08
)
;
transition
:
all
0.3
s
;
}
.tool-card
:hover
{
transform
:
translateY
(
-5
px
)
;
box-shadow
:
0
5
px
25
px
rgba
(
0
,
0
,
0
,
0.12
)
;
}
.tool-header
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
margin-bottom
:
20
px
;
flex-wrap
:
wrap
;
gap
:
15
px
;
}
.tool-name
{
font-size
:
1.6
em
;
color
:
#667eea
;
font-weight
:
600
;
}
.tool-badge
{
background
:
#e3f2fd
;
color
:
#1976d2
;
padding
:
8
px
16
px
;
border-radius
:
20
px
;
font-size
:
0.9
em
;
font-weight
:
500
;
}
.prompt-section
{
margin-bottom
:
20
px
;
}
.prompt-box
{
background
:
#f8f9fa
;
padding
:
18
px
;
border-radius
:
8
px
;
border-left
:
4
px
solid
#4caf50
;
font-family
:
'Courier New'
,
monospace
;
font-size
:
0.95
em
;
line-height
:
1.6
;
margin-bottom
:
12
px
;
}
.rationale-box
{
background
:
#fff3e0
;
padding
:
18
px
;
border-radius
:
8
px
;
border-left
:
4
px
solid
#ff9800
;
line-height
:
1.6
;
}
.rationale-label
{
font-weight
:
600
;
color
:
#e65100
;
margin-bottom
:
8
px
;
}
.section-divider
{
background
:
white
;
padding
:
20
px
30
px
;
border-radius
:
12
px
;
margin
:
60
px
0
30
px
0
;
box-shadow
:
0
2
px
10
px
rgba
(
0
,
0
,
0
,
0.05
)
;
}
.section-divider
h2
{
color
:
#667eea
;
font-size
:
2
em
;
margin-bottom
:
10
px
;
}
.section-divider
p
{
color
:
#666
;
font-size
:
1.1
em
;
}
@media
(
max-width
:
768
px
)
{
.tool-name
{
font-size
:
1.3
em
;
}
.tool-header
{
flex-direction
:
column
;
align-items
:
flex-start
;
}
}
<
div
class
=
"
section-divider
"
> <
h2
>
ИИ-ИНСТРУМЕНТЫ И ИХ ПРОМПТЫ
<
p
>
Практические промпты для разных ИИ-платформ с обоснованием выбора инструмента
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
ChatGPT
<
div
class
=
"
tool-badge
"
>
Анализ намерений
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
[После загрузки HTML-кодов и списка вопросов] Попроси его сгруппировать эти вопросы по категориям четких намерений (intent categories) и создать визуальную карту намерений, показывающую, как эти кластеры вопросов соотносятся друг с другом.
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Используется для распознавания паттернов из большого набора неструктурированных данных (реальные вопросы пользователей) и создания карты, которая отображает путь пользователя (user journey path) для планирования контент-стратегии.
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Claude (Project/Automation)
<
div
class
=
"
tool-badge
"
>
Автоматизация отчетов
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
[Кодовое слово-задача, например, «отчет»]
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Настройка в Project позволяет автоматически генерировать комплексный отчет с визуализацией ("data rich analysis with visualization") по кодовому слову, используя сохраненный шаблон (template) и контекст проекта. Claude отлично подходит для изысканной стратегической отчетности.
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Claude
<
div
class
=
"
tool-badge
"
>
Шаблоны дашбордов
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
[После создания дашборда] Импортируй это в базу знаний проекта, чтобы Claude мог каждый раз использовать этот же дашборд как шаблон.
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Используется для создания многоразовых шаблонов дашбордов (reusable assets) внутри проектов Claude, что обеспечивает согласованность визуального стиля для разных наборов данных.
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Claude
<
div
class
=
"
tool-badge
"
>
SVG-прототипы
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
Создай SVG-разметку для нового интерфейса, который фокусируется на четких категориях, снижении трения, и каждый раз четко формулируй свою цель.
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Claude — единственный ИИ, который может создавать полностью редактируемые векторные макеты (SVG artifacts) интерфейсов или продуктов, что полезно для быстрой разработки прототипов и последующей доработки в дизайнерских инструментах (например, Figma).
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Perplexity Labs
<
div
class
=
"
tool-badge
"
>
Исследование клиентов
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
Исследуй все мои потенциальные компании-клиенты, учитывая индикаторы роста, такие как запуск продуктов, расширение рынка, и требуемый результат — интерактивный дашборд в данном случае.
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Labs объединяет глубокое исследование с автоматическим созданием функциональных бизнес-активов (dashboard), позволяя быстро идентифицировать перспективные компании и организовывать данные для аутрича в виде базы данных.
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Perplexity Labs
<
div
class
=
"
tool-badge
"
>
Мониторинг трендов
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
Фокус исследования должен быть на трендах ИИ за последние 30 дней в социальных сетях с категоризацией и метриками вовлеченности, и вывод должен быть в виде интерактивного дашборда с указанными нами критериями, такими как фильтр и индикатор вовлеченности.
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Labs используется для мониторинга трендов и обсуждений в социальных сетях, предоставляя интерактивную панель трендов для оперативной корректировки контент-стратегии.
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Perplexity Labs
<
div
class
=
"
tool-badge
"
>
Конкурентная разведка
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
У нас есть Expedia, Airbnb, AGODA в качестве целевых конкурентов. Мы хотим сравнить функции, сборы за бронирование, программы лояльности и настроения бренда, отслеживая упоминания в социальных сетях, и вывести это в виде интерактивного дашборда конкурентной разведки.
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Labs позволяет мгновенно создавать сложные интерактивные дашборды, объединяющие сравнительный анализ функций с анализом настроений бренда (brand sentiments) на основе социальных медиа.
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Perplexity Labs
<
div
class
=
"
tool-badge
"
>
Стратегические презентации
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
[После исследования рынка и конкурентов] Вывести в виде презентации из 10 слайдов с нашими конкретными деталями и требованиями к дизайну.
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Labs используется для генерации стратегических ресурсов (GTM strategy deck), которые выглядят как презентация консалтингового уровня (consulting grade strategy deck) с диаграммами, основанными на актуальных рыночных данных.
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Gemini (Canvas)
<
div
class
=
"
tool-badge
"
>
Экспорт визуализаций
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
[После генерации инфографики] Попроси добавить кнопку "Скачать как изображение" (download as image bottom).
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Используется для добавления функциональных элементов к созданным визуализациям, позволяя пользователям легко экспортировать графические материалы.
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Gemini 2.5 Pro (Canvas)
<
div
class
=
"
tool-badge
"
>
Карты возможностей
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
Создай интерактивную карту возможностей с визуализацией, используя инсайты NotebookLM.
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Gemini 2.5 Pro обладает превосходными возможностями кодирования и большой мощностью, что позволяет быстро превращать верифицированные инсайты (полученные, например, из NotebookLM) в динамичные и функциональные визуализации.
<
div
class
=
"
tool-card
"
> <
div
class
=
"
tool-header
"
> <
div
class
=
"
tool-name
"
>
Gemini 2.5 Pro (Canvas)
<
div
class
=
"
tool-badge
"
>
Кластеры тем
<
div
class
=
"
prompt-section
"
> <
div
class
=
"
prompt-box
"
>
[После загрузки изображения Mind Map из NotebookLM] Создай визуализацию кластера тем, показывающую, как различные концепции связаны внутри этой широкой темы.
<
div
class
=
"
rationale-box
"
> <
div
class
=
"
rationale-label
"
>
ОБОСНОВАНИЕ ВЫБОРА ИИ:
Мультимодальные возможности Gemini 2.5 Pro позволяют брать существующую визуальную структуру (Mind Map) и трансформировать ее в интерактивную кластерную визуализацию для стратегического планирования.
