Навык кодирования ИИ, который превращает планирование проекта в визуальный, интерактивный опыт принятия решений. Вместо быстрых подсказок «да/нет» вы получаете богатые HTML-документы с боковыми опциями, визуальными превью, таблицами сравнения и постоянной историей принятия решений.

Что это делает

Когда вы начинаете новый проект или функцию, Better Plan Mode проводит вас через каждое значимое решение, по одному за раз, с:

4 варианта решения с четкой рекомендацией и простыми объяснениями на английском языке

• Визуальные предварительные просмотры - визуализированные макеты пользовательского интерфейса для проектных решений, блок-схемы для решений о взаимодействии, карты сайта для навигационных решений, диаграммы архитектуры для технических решений ** Сравнительные таблицы**, показывающие, как варианты складываются в соответствующие измерения ** История принятия решений** сохранена в виде HTML-файлов, которые вы можете просматривать в любое время ** Целевая страница**, показывающая все решения с первого взгляда с отслеживанием статуса

Категории решений

Оригинальное название: What It Covers | Visual Preview

| Technical | Технический стек, база данных, хостинг, API дизайн | Архитектурные диаграммы, образцы кода |

Better Plan Mode

An AI coding skill that transforms project planning into a visual, interactive decision-making experience. Instead of quick yes/no prompts, you get rich HTML documents with side-by-side options, visual previews, comparison tables, and a persistent decision history.

What It Does

When you’re starting a new project or feature, Better Plan Mode walks you through every meaningful decision, one at a time, with:

• 4 options per decision with a clear recommendation and plain English explanations
• Visual previews – rendered UI mockups for design decisions, flow diagrams for interaction decisions, sitemaps for navigation decisions, architecture diagrams for technical decisions
• Comparison tables showing how options stack up across relevant dimensions
• A decision history saved as HTML files you can revisit anytime
• A landing page showing all decisions at a glance with status tracking

Decision Categories

Install

The skill is a single SKILL.md file. Drop it into the right directory for your AI coding tool.

Claude Code:

git clone https://github.com/jnemargut/better-plan-mode ~/.claude/skills/better-plan-mode

Codex:

git clone https://github.com/jnemargut/better-plan-mode ~/.codex/skills/better-plan-mode

Gemini CLI:

git clone https://github.com/jnemargut/better-plan-mode ~/.gemini/skills/better-plan-mode

Cursor:

Cursor uses .mdc rule files instead of a skills directory. Copy the skill content into a rule:

mkdir -p .cursor/rules
cp SKILL.md .cursor/rules/better-plan-mode.mdc

Then open .cursor/rules/better-plan-mode.mdc and replace the frontmatter with:

---
description: "Enhanced planning mode that presents decision points as rich HTML documents with visual previews, comparison tables, and recommendations."
alwaysApply: false
---

The skill should work with any AI coding tool that supports custom instructions or skill files. If yours uses a different directory, just put SKILL.md wherever your tool looks for skills or prompts.

Usage

Invoke the skill with:

/better-plan-mode I want to build a neighborhood book-sharing app where people can list books, browse nearby, and request to borrow

Or any project description:

/better-plan-mode A dashboard for tracking my fitness goals with charts and social features

During Planning