Claude Web Page Redesign Planning Prompt — промпт для ChatGPT
Промпт, который заставляет модель сначала разобрать текущую вёрстку и код, а потом выдать план редизайна в markdown. Правки не вносятся.
Открыть на GitHubЧто делает Claude Web Page Redesign Planning Prompt
Промпт просит модель изучить существующую кодовую базу: компоненты, стили, токены, примитивы раскладки. Дальше она перечисляет проблемы UX и UI в текущей реализации, а если намерения по бренду или конверсии непонятны — задаёт уточняющие вопросы. На выходе получается план внедрения в markdown, а не готовый код.
В план входят аудит текущего состояния, разбор проблем юзабилити и визуального дизайна, предложенная информационная архитектура, план по секциям страницы, инвентарь компонентов и решения по каждому из них: переиспользовать, расширить или создать заново. Отдельно идут изменения дизайн-токенов, заметки по адаптивному поведению, соображения по доступности, порядок шагов внедрения и список рисков с открытыми вопросами.
Ограничения прописаны жёстко: переиспользовать существующие компоненты, держать консистентность дизайн-системы и ничего не реализовывать на этом этапе. Если вам нужен сразу код, промпт не подойдёт — он останавливается на плане. Зато перед редизайном чужого проекта это повод проверить, что модель действительно прочитала ваши компоненты, а не придумала их с нуля.
Какие задачи решает
- разобрать текущую вёрстку и компоненты перед редизайном
- найти проблемы юзабилити в существующей реализации
- получить план страницы по секциям до начала правок
- решить, какие компоненты переиспользовать, а какие создавать заново
- собрать список изменений дизайн-токенов и рисков
Примеры запросов агенту
- Изучи код этой страницы и составь план редизайна в markdown, ничего не меняй
- Проведи аудит текущих компонентов и стилей, предложи информационную архитектуру
- Разбери проблемы UX и UI на этой странице и распиши порядок внедрения по шагам
Как установить Claude Web Page Redesign Planning Prompt
Как использовать
Вставьте текст в начало диалога или в инструкции проекта
Вручную: положить файлы
.claude/commands/prompts.csv.mdИз того же набора73
Весь набор →Похожие
Рядом в каталоге
Всё по теме «Дизайн» →Вопросы о Claude Web Page Redesign Planning Prompt
Как установить Claude Web Page Redesign Planning Prompt в Claude?
Скопируйте файл .claude/commands/prompts.csv.md в свой проект. После этого промпт доступен как слэш-команда.
Что делает Claude Web Page Redesign Planning Prompt?
Просит модель изучить текущий код и стили страницы, найти проблемы UX и UI и выдать план редизайна в markdown. Реализацию промпт запрещает.
Можно ли использовать промпт в ChatGPT?
Да, он рассчитан на ChatGPT и Claude.ai. Вставьте текст промпта в чат и приложите код страницы или её разметку.
Исходный текст
prompts.csv · CC0-1.0
Plan a redesign for this web page before making any edits. Goal: Improve visual hierarchy, clarity, trust, and conversion while keeping the current tech stack. Your process: 1. Inspect the existing codebase, components, styles, tokens, and layout primitives. 2. Identify UX/UI issues in the current implementation. 3. Ask clarifying questions if brand/style/conversion intent is unclear. 4. Produce a design-first implementation plan in markdown. Include: - Current-state audit - Main usability and visual design issues - Proposed information architecture - Section-by-section page plan - Component inventory - Reuse vs extend vs create decisions - Design token changes needed - Responsive behavior notes - Accessibility considerations - Step-by-step implementation order - Risks and open questions Constraints: - Reuse existing components where possible - Keep design system consistency - Do not implement yet
© [email protected] · CC0-1.0 · f/prompts.chat
