View Transitions
thedaviddias/Front-End-Checklist
A skill your agent uses when adding page transition animations, image expand/contract effects, shared-element transitions, or improving navigation UX in a single-page or multi-page application.
Understand the PM-to-Director transition through altitude and horizon thinking.
Custom licenceAuto-check passed
Install Altitude Horizon Framework
$ npx skills add deanpeters/Product-Manager-Skills --skill altitude-horizon-framework -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install deanpeters/Product-Manager-Skills altitude-horizon-framework --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/deanpeters/Product-Manager-Skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/altitude-horizon-framework .claude/skills/altitude-horizon-framework && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "altitude-horizon-framework" agent skill from https://github.com/deanpeters/Product-Manager-Skills/tree/main/skills/altitude-horizon-framework into .claude/skills/altitude-horizon-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "altitude-horizon-framework", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/deanpeters/Product-Manager-Skills/tree/main/skills/altitude-horizon-frameworkType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add deanpeters/Product-Manager-Skills --skill altitude-horizon-framework -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install deanpeters/Product-Manager-Skills altitude-horizon-framework --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/deanpeters/Product-Manager-Skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/altitude-horizon-framework .agents/skills/altitude-horizon-framework && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "altitude-horizon-framework" agent skill from https://github.com/deanpeters/Product-Manager-Skills/tree/main/skills/altitude-horizon-framework into .agents/skills/altitude-horizon-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "altitude-horizon-framework", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add deanpeters/Product-Manager-Skills --skill altitude-horizon-framework -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install deanpeters/Product-Manager-Skills altitude-horizon-framework --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/deanpeters/Product-Manager-Skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/altitude-horizon-framework .cursor/skills/altitude-horizon-framework && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "altitude-horizon-framework" agent skill from https://github.com/deanpeters/Product-Manager-Skills/tree/main/skills/altitude-horizon-framework into .cursor/skills/altitude-horizon-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "altitude-horizon-framework", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/deanpeters/Product-Manager-Skills.git --path skills/altitude-horizon-framework--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add deanpeters/Product-Manager-Skills --skill altitude-horizon-framework -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install deanpeters/Product-Manager-Skills altitude-horizon-framework --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/deanpeters/Product-Manager-Skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/altitude-horizon-framework .gemini/skills/altitude-horizon-framework && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "altitude-horizon-framework" agent skill from https://github.com/deanpeters/Product-Manager-Skills/tree/main/skills/altitude-horizon-framework into .gemini/skills/altitude-horizon-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "altitude-horizon-framework", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install deanpeters/Product-Manager-Skills altitude-horizon-frameworkInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add deanpeters/Product-Manager-Skills --skill altitude-horizon-framework -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/deanpeters/Product-Manager-Skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/altitude-horizon-framework .github/skills/altitude-horizon-framework && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "altitude-horizon-framework" agent skill from https://github.com/deanpeters/Product-Manager-Skills/tree/main/skills/altitude-horizon-framework into .github/skills/altitude-horizon-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "altitude-horizon-framework", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add deanpeters/Product-Manager-Skills --skill altitude-horizon-framework -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install deanpeters/Product-Manager-Skills altitude-horizon-framework --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/deanpeters/Product-Manager-Skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/altitude-horizon-framework .opencode/skills/altitude-horizon-framework && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "altitude-horizon-framework" agent skill from https://github.com/deanpeters/Product-Manager-Skills/tree/main/skills/altitude-horizon-framework into .opencode/skills/altitude-horizon-framework/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "altitude-horizon-framework", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
altitude-horizon-framework- GitHub stars
- 7.2k
- Token cost
- ~3.8k tokens
- SKILL.md length
- 1,940 words
- Files
- 4
- Skills in repo
- 75
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Understand the PM-to-Director transition through altitude and horizon thinking.
- Works in 6 steps: Listen to the top-level strategy — QBRs,… → Extract key priorities leadership stated… → Map the second layer: "How does our… → …
- Diagnosing scope
- SKILL.md covers Purpose, Input, Key Concepts and Application, plus 3 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Altitude Horizon Framework is an agent skill from deanpeters/Product-Manager-Skills. Understand the PM-to-Director transition through altitude and horizon thinking. Use when diagnosing scope, time-horizon, or leadership-level gaps.
Its SKILL.md is about 3.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files (for example `examples/sample-industrial.md`, `examples/sample.md` and `template.md`).
The repository describes itself as: Product Management skills framework built on battle-tested methods for Claude Code, Cowork, Codex, and AI agents.
When your agent uses it
- Diagnosing scope
- Leadership-level gaps
Example prompts
- “/altitude-horizon-framework”
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- Listen to the top-level strategy — QBRs, company messaging, executive communications
- Extract key priorities leadership stated — Identify 3–5 themes, not 20 bullet points
- Map the second layer: "How does our business unit accomplish these objectives?"
- Map the third layer: "How does our product portfolio accomplish that?"
- Map the fourth layer: "What are my team's specific accountabilities that drive success at layer three?"
- Communicate the cascade to the team — Not just what to do, but why it connects upward
What it can do on your machine
Read from SKILL.md and the folder at commit 1b5a524. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
the-product-porch-43ca35c0.simplecast.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Altitude Horizon Framework loads about 3.8k tokens when it runs. Until then it costs about 43 tokens; SKILL.md has 1,940 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,940 words (~3,831 tokens).
“Defines the two-axis mental model that distinguishes Director-level thinking from PM thinking: Altitude (how wide you zoom out) and Horizon (how far ahead you look). Use this to understand what actually changes in the transition, diagnose which transition zone is…”
- name
- altitude-horizon-framework
- intent
- Defines the two-axis mental model that distinguishes Director-level thinking from PM thinking: **Altitude** (how wide you zoom out) and **Horizon** (how far…
- type
- component
- theme
- career-leadership
- best_for
- Understanding what actually changes when you move from PM to Director, Diagnosing which transition zone is creating friction in your role, Applying the…
- scenarios
- I'm a senior PM trying to understand what changes when I become a Director, I'm newly promoted to Director and something isn't clicking — help me diagnose it…
- estimated_time
- 10-15 min
Files
SKILL.md and 3 other files in skills/altitude-horizon-framework of deanpeters/Product-Manager-Skills.
- SKILL.md
- examples/sample-industrial.md
- examples/sample.md
- template.md
Open the folder on GitHubat commit 1b5a524
Compare with similar skills
Altitude Horizon Framework next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Altitude Horizon Framework this skilldeanpeters/Product-Manager-Skills | 7.2k | — | ~3.8k | Automated safety check: Pass | Custom licence | |
| View Transitionsthedaviddias/Front-End-Checklist | 74k | — | ~528 | Automated safety check: Pass | MIT | |
| Three Horizons Learning Transition MapperGarethManning/education-agent-skills | 840 | — | ~4.3k | Automated safety check: Pass | Custom licence | |
| Creative Directornexu-io/open-design | 100k | — | ~715 | Automated safety check: Pass | Apache-2.0 | |
| Horizon Trackruvnet/ruflo | 74k | — | ~744 | Automated safety check: Notes | MIT | |
| Video Understandcalesthio/OpenMontage | 66k | — | ~841 | Automated safety check: Pass | AGPL-3.0 |
Similar skills
Three Horizons Learning Transition Mapper
GarethManning/education-agent-skills
Map a scoped topic across three coexisting horizons — current system under strain (H1), preferred future (H3), and transition innovations sorted as H2+ or H2- — to understand change dynamics and…
Creative Director
nexu-io/open-design
AI creative director with recursive self-assessment: 20+ methodologies (SIT, TRIZ, Bisociation, SCAMPER, Synectics), 3-axis evaluation calibrated against Cannes/D&AD/HumanKind, 5-phase process from…
Horizon Track
ruvnet/ruflo
Track long-horizon objectives across multiple sessions with milestone checkpoints, progress persistence, and drift detection
Video Understand
calesthio/OpenMontage
Understand video content locally using ffmpeg frame extraction and Whisper transcription.
Configuring Horizon
coollabsio/coolify
A skill your agent uses whenever the user mentions Horizon by name in a Laravel context.
More from deanpeters/Product-Manager-Skills
All 75 skills in this repoUser Story Writer
deanpeters/Product-Manager-Skills
Writes user stories in Mike Cohn's format with Gherkin acceptance criteria, turning user needs into development-ready work with testable conditions.
TAM SAM SOM Calculator
deanpeters/Product-Manager-Skills
Calculates total, serviceable available and serviceable obtainable market size for a product idea with explicit assumptions, methods and caveats.
Organic Growth Path Advisor
deanpeters/Product-Manager-Skills
Diagnoses where a growth constraint lives and recommends one organic growth path from the McKinsey Growth Pyramid to test first.
Prioritization Framework Advisor
deanpeters/Product-Manager-Skills
Picks the right prioritization framework for your stage and context instead of defaulting to RICE or ICE out of habit.
Strategic Roadmap Planning
deanpeters/Product-Manager-Skills
Sequences prioritization, epic definition, and stakeholder alignment into a release plan that ladders up to business outcomes.
User Story Mapping
deanpeters/Product-Manager-Skills
Lays out a user journey as activities, steps, and tasks on a two-dimensional map that then informs backlog slicing.
Questions about Altitude Horizon Framework
What does Altitude Horizon Framework do?
Understand the PM-to-Director transition through altitude and horizon thinking. Altitude Horizon Framework is an agent skill from deanpeters/Product-Manager-Skills. Understand the PM-to-Director transition through altitude and horizon thinking.
When should I use Altitude Horizon Framework?
Altitude Horizon Framework fits situations like: diagnosing scope; leadership-level gaps.
How do I install Altitude Horizon Framework in Claude Code?
Run `npx skills add deanpeters/Product-Manager-Skills --skill altitude-horizon-framework -a claude-code`. Or copy the skill folder (skills/altitude-horizon-framework in deanpeters/Product-Manager-Skills) into .claude/skills/altitude-horizon-framework in your project. Claude Code loads it when a task matches its description.
How do I install Altitude Horizon Framework in Codex?
Run `npx skills add deanpeters/Product-Manager-Skills --skill altitude-horizon-framework -a codex`. Or copy the skill folder (skills/altitude-horizon-framework in deanpeters/Product-Manager-Skills) into .agents/skills/altitude-horizon-framework in your project. Codex loads it when a task matches its description.
Can I use Altitude Horizon Framework in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add deanpeters/Product-Manager-Skills --skill altitude-horizon-framework -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/altitude-horizon-framework, .gemini/skills/altitude-horizon-framework, .github/skills/altitude-horizon-framework and .opencode/skills/altitude-horizon-framework in your project.
What does Altitude Horizon Framework need to run?
SKILL.md names no scripts, command-line tools or credentials: Altitude Horizon Framework is instructions for the agent only.
Does Altitude Horizon Framework access the network?
SKILL.md names 1 domain. As links in the text: the-product-porch-43ca35c0.simplecast.com. This is read from the text; nothing was executed.
Is Altitude Horizon Framework safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Altitude Horizon Framework use?
Altitude Horizon Framework has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Altitude Horizon Framework use?
About 3.8k tokens (SKILL.md is roughly 15k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Altitude Horizon Framework?
Skills that share tags, products or a category with Altitude Horizon Framework: View Transitions (thedaviddias/Front-End-Checklist, 74k stars), Three Horizons Learning Transition Mapper (GarethManning/education-agent-skills, 840 stars), Creative Director (nexu-io/open-design, 100k stars) and Horizon Track (ruvnet/ruflo, 74k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Altitude Horizon Framework?
deanpeters (a GitHub user) maintains it in deanpeters/Product-Manager-Skills, which has 7,224 GitHub stars. The repository holds 75 skills in this directory. The repository was last updated on September 1, 2026.
Source: deanpeters/Product-Manager-Skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.