afx-dev

Debug, refactor, review, test, and optimize VS Code projects.

19|1|Updated Apr 4, 2026
One-click install
npx skills add https://github.com/AgenticFlowX/agenticflowx --skill afx-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: afx-dev
Source: https://github.com/AgenticFlowX/agenticflowx/tree/main/apps/vscode/resources/skills/agenticflowx/afx-dev
Command: npx skills add https://github.com/AgenticFlowX/agenticflowx --skill afx-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides advanced diagnostics and optimization tools for VS Code, enabling developers to debug, refactor, review, test, and optimize their code efficiently.

Core Features & Use Cases

  • Advanced Diagnostics: Debug issues, refactor code, review against specs, run tests, and optimize performance.
  • Spec-Driven Development: Use /afx-task code {id} for spec-driven coding.
  • Mode Switching: Switch between Code, Explore, and Spec modes for different workflows.
  • Markdown Previews: Open rendered specs, designs, tasks, ADRs, notes, and journals with actionable commands.
  • Experimental Canvas: Visualize specs, markdown files, notes, and code context.

Quick Start

Run /afx-dev debug [error] to start debugging an issue in your code.

Frequently Asked Questions about afx-dev

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

FAQPage Schema
How do I debug code errors in VS Code?

To debug code errors in VS Code, run the command `/afx-dev debug [error]` to initiate advanced diagnostics on your codebase. This triggers an automated analysis of the specified issue, allowing you to pinpoint root causes efficiently.

What is spec-driven development and how does it apply to refactoring?

Spec-driven development aligns refactoring with predefined requirements using the `/afx-task code {id}` command. It ensures code modifications strictly adhere to architectural specifications, providing structured oversight throughout the refactoring process.

Do I need Python to use VS Code diagnostics and optimization tools?

Yes, you need a Python environment setup to run these VS Code diagnostics and optimization tools. Python is a required dependency for executing the advanced scripts that handle debugging, testing, and performance optimization.

Can I visualize specs and code context in VS Code?

You can visualize specs, markdown files, notes, and code context using the experimental canvas feature. It provides a graphical representation of your markdown previews and code structure directly within the development environment.

How do I switch between Code, Explore, and Spec modes?

You switch between Code, Explore, and Spec modes to adapt your workflow for different development tasks. Mode switching allows you to transition seamlessly between active coding, architectural exploration, and specification definition.

What is the best way to review code against specs?

The best way to review code against specs is to use the integrated code review diagnostics within the Spec mode. This evaluates your implementation directly against rendered markdown previews of designs, tasks, and architectural decisions.