skills.rest
ribeec20
ribeec20COMMUNITY
Explore all skills by this author →
WebsiteGitHub

vista

Plan features, generate architecture diagrams, and run autonomous development loops in Claude Code.

Updated Feb 17, 2026
Search Tags:#automation#planning#development#architecture#code generation#diagramming
One-click install
npx skills add https://github.com/ribeec20/vista-marketplace --skill vista
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vista
Source: https://github.com/ribeec20/vista-marketplace/tree/main/vista/skills/vista
Command: npx skills add https://github.com/ribeec20/vista-marketplace --skill vista

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the software development process by enabling visual feature planning, automatic generation of architecture diagrams, and autonomous development loops, making complex codebases easier to manage and develop.

Core Features & Use Cases

  • Feature Planning: Structure features with jobs-to-be-done, specs, and review gates before implementation.
  • Architecture Diagrams: Generate visualizations for architecture maps, API flows, database schemas, and state/process flows using various diagramming languages.
  • Autonomous Development: Run iterative development loops with real-time progress tracking.
  • Use Case: Kickstart a new feature by using /vista:plan my-new-feature to visually map out requirements and generate initial architecture diagrams.

Quick Start

Open the Vista dashboard and register the current project by typing /vista.

Frequently Asked Questions about vista

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

FAQPage Schema
How do I generate architecture diagrams for a new software feature?▼

Feature planning structures new development by defining jobs-to-be-done, specifications, and review gates before implementation begins, ensuring requirements are visually mapped and validated prior to autonomous code generation.

Can I run autonomous development loops with test-driven generation?▼

Yes, autonomous development loops run iterative code generation cycles with real-time progress tracking, supporting test-driven development and spec generation to expand features dynamically within the Claude Code environment.

What is the best way to reverse-engineer legacy codebases into visual maps?▼

The best way to reverse-engineer legacy code is using visual feature planning tools that extract existing architecture and generate visual diagrams, transforming undocumented codebases into structured architecture maps and process flows.

Does Vista work with MCP tools for project registration?▼

Yes, Vista integrates with MCP tools for dynamic dashboard URL discovery and project registration, allowing you to open the dashboard and register your current project to kickstart visual feature mapping.

Related Skills

Explore More Software Engineering Skills→
genkovichgenkovich
89

start

Open the SDD visual dashboard to monitor and control Claude Code pipelines.

Community
Basic
jrmatherlyjrmatherly
1

shipit-kit:implement

Validate YAML feature specs and execute TDD implementation tasks.

Community
Advanced
yareliCamachoyareliCamacho

speckit-specify

Generate feature specifications from natural-language descriptions in spec-kit projects.

Community
Advanced
royhenengelroyhenengel

discover-diagrams

Discover and utilize Mermaid.js diagramming skills for visual documentation.

Community
Basic