fsd:zoom-out

Generate a structured codebase map using FSD vocabulary and architecture references.

2|Updated Feb 16, 2026
One-click install
npx skills add https://github.com/fixpoint-labs/flow-state-dev --skill fsd-zoom-out
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fsd:zoom-out
Source: https://github.com/fixpoint-labs/flow-state-dev/tree/main/.agents/skills/zoom-out
Command: npx skills add https://github.com/fixpoint-labs/flow-state-dev --skill fsd-zoom-out

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Navigating large codebases can be daunting. This skill provides a quick and efficient way to get a bird's-eye view of an unfamiliar part of the codebase.

Core Features & Use Cases

  • Codebase Map: Generate a structured overview of the codebase's architecture.
  • FSD Vocabulary: Uses industry-specific terms for components, flows, blocks, patterns, capabilities, state scopes, and boundaries.
  • Cross-referencing: Provides references to docs/architecture/<area>.md for further detail.
  • Compact Guide: Focuses on a brief list of elements and their roles for fast understanding.

Quick Start

Ask the agent to "show me the high-level map of the @flow-state-dev/<pkg> package."

Frequently Asked Questions about fsd:zoom-out

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I get a high-level overview of an unfamiliar codebase?

A codebase map provides a structured, high-level overview of an unfamiliar codebase's architecture. It uses specialized vocabulary to describe components and flows, helping you quickly understand the structure and cross-reference detailed architecture documents.

What is FSD vocabulary for code architecture?

FSD vocabulary provides industry-specific terms for components, flows, blocks, patterns, capabilities, state scopes, and boundaries within a codebase. It standardizes architectural descriptions to help developers quickly grasp the structure and navigate the code architecture efficiently.

How do I navigate a large codebase when I don't know the architecture?

You can navigate a large codebase by requesting a compact guide that lists elements and their roles using FSD vocabulary. This guide cross-references architecture documents for deeper detail, enabling fast understanding of the architecture without getting lost in individual files.

Can I use a codebase map to find architecture documentation?

Yes, a codebase map includes cross-referencing to architecture documentation. It provides direct references to architecture documents for further detail, allowing you to dive deeper into specific areas after reviewing the high-level overview of components and flows.

Does a codebase map work for understanding specific package architecture?

Yes, a codebase map works for understanding specific package architecture. You can request a high-level map of a specific package, which generates a structured overview of its components, flows, and boundaries to help you quickly grasp its architecture.