EasyPlatform graph-connect-api

[Code Intelligence] Detect frontend-to-backend API connections using the knowledge graph. Matches HTTP calls (Angular, React, Vue, fetch, axios) with backend routes (.NET, Spring, Express, FastAPI) via project-config.json configuration.

install
source · Clone the upstream repo
git clone https://github.com/duc01226/EasyPlatform
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/duc01226/EasyPlatform "$T" && mkdir -p ~/.claude/skills && cp -r "$T/.claude/skills/graph-connect-api" ~/.claude/skills/duc01226-easyplatform-graph-connect-api && rm -rf "$T"
manifest: .claude/skills/graph-connect-api/SKILL.md
source content
<!-- SYNC:critical-thinking-mindset -->

Critical Thinking Mindset — Apply critical thinking, sequential thinking. Every claim needs traced proof, confidence >80% to act. Anti-hallucination: Never present guess as fact — cite sources for every claim, admit uncertainty freely, self-check output for errors, cross-reference independently, stay skeptical of own confidence — certainty without evidence root of all hallucination.

<!-- /SYNC:critical-thinking-mindset --> <!-- SYNC:ai-mistake-prevention -->

AI Mistake Prevention — Failure modes to avoid on every task:

  • Check downstream references before deleting. Deleting components causes documentation and code staleness cascades. Map all referencing files before removal.
  • Verify AI-generated content against actual code. AI hallucinates APIs, class names, and method signatures. Always grep to confirm existence before documenting or referencing.
  • Trace full dependency chain after edits. Changing a definition misses downstream variables and consumers derived from it. Always trace the full chain.
  • Trace ALL code paths when verifying correctness. Confirming code exists is not confirming it executes. Always trace early exits, error branches, and conditional skips — not just happy path.
  • When debugging, ask "whose responsibility?" before fixing. Trace whether bug is in caller (wrong data) or callee (wrong handling). Fix at responsible layer — never patch symptom site.
  • Assume existing values are intentional — ask WHY before changing. Before changing any constant, limit, flag, or pattern: read comments, check git blame, examine surrounding code.
  • Verify ALL affected outputs, not just the first. Changes touching multiple stacks require verifying EVERY output. One green check is not all green checks.
  • Holistic-first debugging — resist nearest-attention trap. When investigating any failure, list EVERY precondition first (config, env vars, DB names, endpoints, DI registrations, data preconditions), then verify each against evidence before forming any code-layer hypothesis.
  • Surgical changes — apply the diff test. Bug fix: every changed line must trace directly to the bug. Don't restyle or improve adjacent code. Enhancement task: implement improvements AND announce them explicitly.
  • Surface ambiguity before coding — don't pick silently. If request has multiple interpretations, present each with effort estimate and ask. Never assume all-records, file-based, or more complex path.
<!-- /SYNC:ai-mistake-prevention -->

Connect API

Detect frontend HTTP calls and match them to backend route definitions, creating

API_ENDPOINT
edges in the knowledge graph.

How It Works

The connector scans frontend files for HTTP calls and backend files for route definitions, normalizes URL paths, and matches them using a multi-strategy algorithm:

  1. Exact match — normalized paths identical
  2. Prefix-augmented — prepends
    routePrefix
    to frontend path
  3. Suffix match — strips
    routePrefix
    from backend, matches remainder
  4. Deep strip — strips leading
    {param}
    segments from backend (handles class-level
    {companyId}
    routes)
  5. Controller resolution — resolves .NET
    [controller]
    placeholder to actual class name

Zero-Config Auto-Detection

No configuration needed. The connector auto-detects frameworks by scanning for marker files:

FrontendMarkers
Angular
angular.json
,
nx.json
,
@angular/core
in package.json
React
react
in package.json
Vue
vue.config.js
,
vue
in package.json
Next.js
next.config.js
,
next
in package.json
Svelte
svelte.config.js
,
svelte
in package.json
BackendMarkers
.NET
*.csproj
with
Microsoft.AspNetCore
Spring
pom.xml
/
build.gradle
with
spring-boot
Express
express
in package.json
NestJS
@nestjs/core
in package.json
FastAPI
fastapi
in requirements.txt
Django
manage.py
with django
Rails
Gemfile
with
rails
Go
go.mod
(Gin/Echo patterns)

Auto-Run Behavior

The connector runs automatically in these situations:

WhenBehavior
After
build
/
update
/
sync
Always runs via
_auto_connect()
First
trace
/
query
/
connections
Runs once via
_ensure_connectors_ran()
if never run before

You almost never need to run this manually. The graph CLI handles it automatically.

Custom Config (Optional)

For projects with custom HTTP patterns (e.g., base class API service), add to

docs/project-config.json
:

{
    "graphConnectors": {
        "apiEndpoints": {
            "enabled": true,
            "frontend": {
                "framework": "angular",
                "paths": ["src/app/"],
                "customPatterns": ["this\\.\\s*(get|post|put|delete|patch)\\s*[<(]\\s*['\"]([^\"']+)"]
            },
            "backend": {
                "framework": "dotnet",
                "paths": ["src/Api/Controllers/"],
                "routePrefix": "api",
                "customPatterns": []
            }
        }
    }
}

Custom patterns extend (not replace) built-in framework patterns. Explicit config overrides auto-detected config for paths.

Manual Run

python .claude/scripts/code_graph connect-api --json

Steps (when manually invoked)

  1. Run connector via Bash:
    python .claude/scripts/code_graph connect-api --json
    
  2. Report results: Frontend calls found, backend routes found, matches created, edge count

Matching Strategies

The connector tries 5 strategies in order (highest confidence first):

#StrategyConfidenceExample
1Exact match1.0FE
/api/users
= BE
/api/users
2Prefix-augmented0.95FE
/users
+ prefix
api
/api/users
3Suffix match0.9BE
/api/users
stripped →
/users
= FE
/users
4Deep strip0.85BE
/api/{param}/users
/users
= FE
/users
5Deep strip both0.8Both sides have
{param}
segments stripped

See Also

  • Implicit Connections — For event buses, entity events:
    graphConnectors.implicitConnections[]
    in project-config.json. CLI:
    connect-implicit --json

Related Skills

  • /graph-build
    — Build/update the knowledge graph (prerequisite)
  • /graph-trace
    — Trace full system flow (API_ENDPOINT edges enable frontend-to-backend tracing)
  • /graph-blast-radius
    — Analyze structural impact of changes
  • /graph-query
    — Query code relationships in the graph

Closing Reminders

  • MANDATORY IMPORTANT MUST ATTENTION break work into small todo tasks using
    TaskCreate
    BEFORE starting
  • MANDATORY IMPORTANT MUST ATTENTION search codebase for 3+ similar patterns before creating new code
  • MANDATORY IMPORTANT MUST ATTENTION cite
    file:line
    evidence for every claim (confidence >80% to act)
  • MANDATORY IMPORTANT MUST ATTENTION add a final review todo task to verify work quality <!-- SYNC:critical-thinking-mindset:reminder -->
  • MUST ATTENTION apply critical thinking — every claim needs traced proof, confidence >80% to act. Anti-hallucination: never present guess as fact. <!-- /SYNC:critical-thinking-mindset:reminder --> <!-- SYNC:ai-mistake-prevention:reminder -->
  • MUST ATTENTION apply AI mistake prevention — holistic-first debugging, fix at responsible layer, surface ambiguity before coding, re-read files after compaction. <!-- /SYNC:ai-mistake-prevention:reminder -->