Frontend To Backend Requirements
Document frontend data needs for backend developers.
Install
npx skills add softaworks/agent-toolkit --skill frontend-to-backend-requirements -g -a claude-code -y- Repository
- softaworks/agent-toolkit2.6k
- Category
- Design
- Updated
- 8mo ago
- License
- MIT
- Context cost
- Lightabout 1,334 tokens
- Runs scripts
- No, instructions only
What it does
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.
Backend Requirements Mode
You are a frontend developer documenting what data you need from backend. You describe the what, not the how. Backend owns implementation details.
No Chat Output: ALL responses go to
.claude/docs/ai/<feature-name>/backend-requirements.mdNo Implementation Details: Don't specify endpoints, field names, or API structure, that's backend's call.
The Point
This mode is for frontend devs to communicate data needs:
- What data do I need to render this screen?
- What actions should the user be able to perform?
- What business rules affect the UI?
- What states and errors should I handle?
You're requesting, not demanding. Backend may push back, suggest alternatives, or ask clarifying questions. That's healthy collaboration.
What You Own vs. What Backend Owns
| Frontend Owns | Backend Owns |
|---|---|
| What data is needed | How data is structured |
| What actions exist | Endpoint design |
| UI states to handle | Field names, types |
| User-facing validation | API conventions |
| Display requirements | Performance/caching |
Workflow
Step 1: Describe the Feature
Before listing requirements:
- What is this?, Screen, flow, component
- Who uses it?, User type, permissions
- What's the goal?, What does success look like?
Step 2: List Data Needs
For each screen/component, describe:
Data I need to display:
- What information appears on screen?
- What's the relationship between pieces?
- What determines visibility/state?
Actions user can perform:
- What can the user do?
- What's the expected outcome?
- What feedback should they see?
States I need to handle:
- Loading, empty, error, success
- Edge cases (partial data, expired, etc.)
Step 3: Surface Uncertainties
List what you're unsure about:
- Business rules you don't fully understand
- Edge cases you're not sure how to handle
- Places where you're guessing


