Overview

The Skillforge Skill Xray is a highly condensed, high-density operational blueprint designed to dissect complex user objectives, synthesize optimized agent profiles, and orchestrate their collaboration.

By stripping away boilerplate, the Skill Xray exposes the core logic of task execution, making it fast and easy for both LLM agents and human developers to read, tweak, and run.


The Core Blueprint

1. Control Board Structure

The system operates on a three-axis Control Board that balances task deconstruction, persona synthesis, and workflow orchestration.

graph TB
    %% Class Definitions
    classDef header fill:#2c3e50,stroke:#34495e,stroke-width:2px,color:#fff,font-weight:bold;
    classDef column fill:#ecf0f1,stroke:#bdc3c7,stroke-width:2px,color:#2c3e50,font-weight:bold;
    classDef deconstruct fill:#e8f4f8,stroke:#2980b9,stroke-width:1px,color:#2c3e50;
    classDef profile fill:#eafaf1,stroke:#27ae60,stroke-width:1px,color:#2c3e50;
    classDef orch fill:#fef9e7,stroke:#f39c12,stroke-width:1px,color:#2c3e50;

    %% Main Title
    Title["🧠 SKILLFORGE CONTROL BOARD"]
    class Title header;

    %% Top-level Columns
    col1["πŸŽ›οΈ DECONSTRUCTION"]
    col2["πŸ€– PROFILE SYNTHESIS"]
    col3["πŸ”— ORCHESTRATION & SYNERGY"]
    
    class col1 column;
    class col2 column;
    class col3 column;

    %% Connect Title to Columns
    Title --> col1
    Title --> col2
    Title --> col3

    %% Deconstruction Column Details
    subgraph Deconstruction [" "]
        direction TB
        c1_1["1. Segment Facets"]
        c1_2["2. Define Scope"]
        c1_3["3. Extract Outputs"]
    end
    col1 --> c1_1
    c1_1 --> c1_2
    c1_2 --> c1_3

    %% Profile Synthesis Column Details
    subgraph Profile [" "]
        direction TB
        c2_1["1. Archetype / Vibe"]
        c2_2["2. Tooling & Skills"]
        c2_3["3. Domain Knowledge"]
    end
    col2 --> c2_1
    c2_1 --> c2_2
    c2_2 --> c2_3

    %% Orchestration Column Details
    subgraph Orchestration [" "]
        direction TB
        c3_1["1. Topology Design"]
        c3_2["2. Hand-off Protocol"]
        c3_3["3. Verification & Gatekeep"]
    end
    col3 --> c3_1
    c3_1 --> c3_2
    c3_2 --> c3_3

    %% Apply Classes to Sub-nodes
    class c1_1,c1_2,c1_3 deconstruct;
    class c2_1,c2_2,c2_3 profile;
    class c3_1,c3_2,c3_3 orch;

    %% Adjust styling of subgraph boundaries to make them clean/hidden
    style Deconstruction fill:none,stroke:none;
    style Profile fill:none,stroke:none;
    style Orchestration fill:none,stroke:none;

πŸŽ›οΈ 1. Deconstruction (Task-to-Facet Segmenting)

To execute any complex objective, first dissect it into clear, modular, non-overlapping Facets:

  • Facet Definition: Every facet must represent a single logical unit of work (e.g., Database Migration, API Implementation, Frontend View).
  • Entry/Exit Conditions: Define what is needed before the facet starts and what constitutes a completed facet.
  • Scoped Assets: Specify which files, folders, or modules the facet is allowed to modify.

πŸ€– 2. Profile Synthesis (Agent Blueprinting)

For each facet, generate a custom agent profile designed to execute that specific sub-goal with maximum efficiency:

  • Persona / Vibe: The behavioral signature and operational attitude of the agent. A strong, specific vibe forces the LLM to adopt precise heuristics (e.g., β€œThe Paranoid Security Auditor” vs β€œThe Aggressive Speed Optimizer”).
  • Skills: The exact tools, syntax, or commands the agent uses (e.g., AST-Grep, Svelte 5 runes, Docker, CLI debuggers).
  • Talents: Cognitive or analytical strengths (e.g., parsing raw logs, finding race conditions, simplifying complex type hierarchies).
  • Knowledge: Deep specialized domain expertise (e.g., HTTP/2 protocol, Web Crypto API, PostgreSQL index optimization).
  • Power: High-agency advantages and constraints (e.g., β€œEnforces pre-flight checks, refuses to proceed without passing tests”).

πŸ”— 3. Orchestration & Synergy (Collaboration Topologies)

Choose the optimal network topology to coordinate your generated agents:

A. Sequential Pipeline (Linear Flow)

[Agent A] ──(artifact)──> [Agent B] ──(artifact)──> [Agent C]
  • Best for: Strongly dependent, step-by-step processes.
  • Rule: Each agent must validate the input artifact against its own invariants before commencing.

B. Parallel Fan-Out (MapReduce)

graph LR
    Orchestrator([Orchestrator])
    SubAgentA[Sub-Agent A]
    SubAgentB[Sub-Agent B]
    SubAgentC[Sub-Agent C]
    MergeValidate([Merge & Validate])

    Orchestrator --> SubAgentA
    Orchestrator --> SubAgentB
    Orchestrator --> SubAgentC

    SubAgentA --> MergeValidate
    SubAgentB --> MergeValidate
    SubAgentC --> MergeValidate

    classDef default fill:#f9f9f9,stroke:#333,stroke-width:1px;
    classDef agent fill:#e1f5fe,stroke:#039be5,stroke-width:1px;
    classDef process fill:#fff3e0,stroke:#ff9800,stroke-width:1px;

    class SubAgentA,SubAgentB,SubAgentC agent;
    class Orchestrator,MergeValidate process;
  • Best for: Modifying disjoint parts of a codebase.
  • Rule: Main orchestrator collects all outputs, merges them, and runs unified verification.

C. Dynamic Swarm / Chat (IRC Protocol)

[Agent A] <═══(IRC / DMs)═══> [Agent B]
  • Best for: Highly interactive tasks requiring peer-to-peer alignment on APIs or interfaces.
  • Rule: Agents use lightweight, real-time message routing to coordinate code integration and resolve unexpected workspace states.

πŸš€ Example: Building a Svelte 5 Quiz App

Here is how the Skill Xray dissects and orchestrates a sample project:

1. Deconstruction

  • Facet 1 (Core Engine): State machine for quiz logic (questions, scoring, timer).
  • Facet 2 (UI Layer): Svelte 5 component showing quiz cards, options, and results.
  • Facet 3 (Verification): Test coverage for state transitions and component rendering.

2. Synthesized Profiles

πŸ€– Quiz Engine Specialist (Facet 1)

  • Persona: β€œThe Pure Functional Architect” β€” obsessed with stateless logic and immutable updates.
  • Skills: TypeScript, ES6 modules, Vitest.
  • Talents: State machine modeling, edge-case analysis.
  • Knowledge: Finite state machines, Svelte 5 reactive runes.
  • Power: Never uses inline UI code; keeps engine code 100% separate from display.

πŸ€– Svelte UI Designer (Facet 2)

  • Persona: β€œThe Fluid Interaction Designer” β€” focused on micro-interactions and accessible layout.
  • Skills: Svelte 5 runes ($state, $derived, $props), Tailwind CSS, ARIA rules.
  • Talents: Visual spacing, building responsive flex/grid layouts.
  • Knowledge: Tailwind 4, Svelte snippets, transition animations.
  • Power: Demands clean component boundaries, enforces semantic HTML.

3. Collaboration Protocol (Sequential + Verification Gate)

[Quiz Engine Specialist] ──(engine.ts)──> [Svelte UI Designer] ──(Quiz.svelte)──> [Vitest Runner]
  1. Engine Specialist writes state machine logic in src/lib/quiz.ts.
  2. Svelte UI Designer consumes quiz.ts, imports it into Quiz.svelte, and wires UI to state.
  3. Vitest Runner executes all test files to verify that clicking options updates the state and increments scores correctly.