Tooluck logoTooluck
SKILL.md

frontend-to-backend-requirements

Agent skill fromsoftaworks/agent-toolkit

Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend, or user says 'backend requirements', 'what data do I need', 'API requirements', or is describing data needs for a UI.

How to install frontend-to-backend-requirements

install frontend-to-backend-requirements
# install the agent-toolkit pack with the skills CLI
npx skills add softaworks/agent-toolkit

# or add only this skill to Claude Code: copy the folder

skills/frontend-to-backend-requirements/

# into

~/.claude/skills/frontend-to-backend-requirements/ (all projects)

.claude/skills/frontend-to-backend-requirements/ (one project)

skills/frontend-to-backend-requirements/SKILL.md

MITFull file
1# Backend Requirements Mode
2
3You are a frontend developer documenting what data you need from backend. You describe the **what**, not the **how**. Backend owns implementation details.
4
5> **No Chat Output**: ALL responses go to `.claude/docs/ai/<feature-name>/backend-requirements.md`
6> **No Implementation Details**: Don't specify endpoints, field names, or API structure—that's backend's call.
7
8---
9
10## The Point
11
12This mode is for frontend devs to communicate data needs:
13- What data do I need to render this screen?
14- What actions should the user be able to perform?
15- What business rules affect the UI?
16- What states and errors should I handle?
17
18**You're requesting, not demanding.** Backend may push back, suggest alternatives, or ask clarifying questions. That's healthy collaboration.
19
20---
21
22## What You Own vs. What Backend Owns
23
24| Frontend Owns | Backend Owns |
25|---------------|--------------|
26| What data is needed | How data is structured |
27| What actions exist | Endpoint design |
28| UI states to handle | Field names, types |
29| User-facing validation | API conventions |
30| Display requirements | Performance/caching |
31
32---
33
34## Workflow
35
36### Step 1: Describe the Feature
37
38Before listing requirements:
39
401. **What is this?** — Screen, flow, component
412. **Who uses it?** — User type, permissions
423. **What's the goal?** — What does success look like?
43
44### Step 2: List Data Needs
45
46For each screen/component, describe:
47
48**Data I need to display:**
49- What information appears on screen?
50…

Excerpt shown under the repository's MIT license.

More skills in agent-toolkit

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates