Converted and distributed by TomeVault — claim your Tome and manage your conversions.
1---2name: srbhr-resume-matcher-full-stack3description: Full-Stack Development4---56# Full-Stack Development78> Use for features that span both FastAPI backend and Next.js frontend.910## Architecture1112- **Backend**: FastAPI + Python 3.13+, TinyDB, LiteLLM13- **Frontend**: Next.js 16 + React 19, Tailwind CSS v4, Swiss International Style14- **API**: REST endpoints at `/api/v1/*`1516## Workflow1718### 1. Design the API contract first1920```21Route: POST /api/v1/my-feature22Request: { field: string, ... }23Response: { id: string, result: ... }24```2526### 2. Backend implementation2728- Schema in `apps/backend/app/schemas/`29- Service in `apps/backend/app/services/`30- Router in `apps/backend/app/routers/`31- Register router in `apps/backend/app/main.py`3233### 3. Frontend implementation3435- API call in `apps/frontend/lib/`36- Component in `apps/frontend/components/`37- Page integration in `apps/frontend/app/`3839### 4. Verify end-to-end4041- Backend serves correct data42- Frontend displays correctly with Swiss style43- Error states handled on both sides4445## Non-Negotiable Rules4647### Backend4849- Type hints on all functions50- `copy.deepcopy()` for mutable defaults51- Log errors server-side, generic messages to clients52- API keys via `api_key=` parameter5354### Frontend5556- Swiss International Style (`rounded-none`, hard shadows, Swiss palette)57- `npm run lint && npm run format`58- Enter key handling on textareas59- `Promise.all()` for independent fetches6061## Key Files6263| Layer | Entry Point |64|-------|------------|65| Backend startup | `apps/backend/app/main.py` |66| Backend config | `apps/backend/app/config.py` |67| Frontend pages | `apps/frontend/app/` |68| API client | `apps/frontend/lib/` |6970## References7172- API contracts: `docs/agent/apis/front-end-apis.md`73- Backend guide: `docs/agent/architecture/backend-guide.md`74- Frontend workflow: `docs/agent/architecture/frontend-workflow.md`75- Style guide: `docs/agent/design/style-guide.md`7677---78> Converted and distributed by [TomeVault](https://tomevault.io/claim/srbhr) — claim your Tome and manage your conversions.79<!-- tomevault:4.0:skill_md:2026-04-11 -->
Run npx skillmds@latest add tomevault-io/srbhr-resume-matcher-full-stack in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Full-Stack Development It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.