FEC API Integration

Frontend API client discipline: typed boundaries, error mapping, auth refresh

Tested · Works

Test report

Verdict
Tested · Works
Score
8.8/10
Tested
Jul 17, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Aug 10, 2026 · 733a99d

Built a typed React-app API client with auth refresh both ways and compiled both under strict tsc, then ran the same mocked-fetch scenario against each: the baseline fired 3 refresh requests for 3 concurrent 401s (a real refresh-storm bug), while the skill version's mandated single-flight queue fired exactly 1 — verified by an executed test. The skill version also passed 7 behavior tests the baseline could not (timeout/cancellation via AbortController, 422 field-error mapping with retryable flags, non-retryable 403, trace-id retention, non-JSON 500 bodies mapped to a safe message with no backend internals leaked, pre-signed direct upload for large files). The prose reads like machine translation, but every rule in it turned out to be concrete and testable.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 8/10
  • Docs & honesty 4/5

What FEC API Integration does

Enforces a disciplined frontend-to-backend integration boundary: one typed API client owning base URL, timeouts, cancellation, and unified errors; status-code-to-user-action error mapping; single-flight 401 token refresh; and upload/realtime plan selection (multipart vs pre-signed, SSE vs WebSocket vs polling). Triggers on API integration, typed API client, auth refresh, interface error handling, SSE/WebSocket choices, in English or Chinese.

How to install FEC API Integration

git clone https://github.com/bovinphang/frontend-craft
mkdir -p ~/.claude/skills
cp -r frontend-craft/skills/fec-api-integration ~/.claude/skills/fec-api-integration

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger FEC API Integration

  • /fec-api-integration Frontend API client discipline: typed boundaries, error mapping, auth refresh

It also activates on plain-language prompts like these:

  • Build a typed API client for our users CRUD with auth refresh
  • Design error mapping so 401s trigger a single token refresh
  • Should file uploads here use multipart or pre-signed URLs?

Frequently asked questions

Is the FEC API Integration skill free?
Yes. The skill itself is free from bovinphang/frontend-craft. SkillProof publishes the install command and an independent test verdict at no cost.
Does FEC API Integration work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 17, 2026. Verdict: Tested · Works. Built a typed React-app API client with auth refresh both ways and compiled both under strict tsc, then ran the same mocked-fetch scenario against each: the baseline fired 3 refresh requests for 3 concurrent 401s (a real refresh-storm bug), while the skill version's mandated single-flight queue fired exactly 1 — verified by an executed test. The skill version also passed 7 behavior tests the baseline could not (timeout/cancellation via AbortController, 422 field-error mapping with retryable flags, non-retryable 403, trace-id retention, non-JSON 500 bodies mapped to a safe message with no backend internals leaked, pre-signed direct upload for large files). The prose reads like machine translation, but every rule in it turned out to be concrete and testable.
What is the FEC API Integration SkillProof Score?
8.8/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 8/10, docs & honesty 4/5.
How do I install FEC API Integration?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use FEC API Integration with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.