Skills for Real Engineers. Straight from my .agents directory.
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
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)
1# Backend Requirements Mode23You are a frontend developer documenting what data you need from backend. You describe the **what**, not the **how**. Backend owns implementation details.45> **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.78---910## The Point1112This 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?1718**You're requesting, not demanding.** Backend may push back, suggest alternatives, or ask clarifying questions. That's healthy collaboration.1920---2122## What You Own vs. What Backend Owns2324| 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 |3132---3334## Workflow3536### Step 1: Describe the Feature3738Before listing requirements:39401. **What is this?** — Screen, flow, component412. **Who uses it?** — User type, permissions423. **What's the goal?** — What does success look like?4344### Step 2: List Data Needs4546For each screen/component, describe:4748**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
Similar skill repositories
An agentic skills framework & software development methodology that works.
Public repository for Agent Skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
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
Production-grade engineering skills for AI coding agents.
