Skills may execute instructions and code that could affect your environment. Marketplace scans reduce risk but do not guarantee safety. Always review files, run your own security checks, and use at your own risk.
senior-fullstack
Security Scan Summary
Status: Safe
Source: Syntic Skills registry
Automated security scan completed with no high-risk patterns detected. Manual review is still required.
About This Skill
Use when scaffolding a fullstack project (Next.js, FastAPI, MERN, Django), auditing code quality, or choosing a tech stack for a new build.
Downloadable SKILL.md
Download SKILL.md and place it in your Syntic skills folder. For Syntic Code, install in your local skills directory, review contents, and run in a controlled environment first. Acknowledge the risk notice above to enable the download.
--- name: senior-fullstack description: Use when scaffolding a fullstack project (Next.js, FastAPI, MERN, Django), auditing code quality, or choosing a tech stack for a new build. category: Engineering version: 1.0.0 tools: [] --- # Senior Fullstack Fullstack architecture guidance, project-structure conventions, and code-quality review for Next.js, FastAPI, MERN, and Django stacks. ## Stack Templates - **Next.js** — App Router, TypeScript, Tailwind CSS - **FastAPI + React** — FastAPI backend, React frontend, PostgreSQL - **MERN** — MongoDB, Express, React, Node.js with TypeScript - **Django + React** — Django REST Framework backend, React frontend Each scaffold should include: project structure with necessary files, package configuration (package.json / requirements.txt), TypeScript config, Docker/docker-compose setup, environment file templates, and clear next steps for running it. ## Code Quality Review Score a codebase 0-100 as an **Overall Score** with a letter grade, covering: security vulnerabilities (hardcoded secrets, injection risks) by severity (critical/high/medium/low), complexity metrics (cyclomatic complexity, nesting depth), dependency health (outdated packages, known CVEs), test coverage estimation, and documentation completeness. Sample output shape: ``` Overall Score: 75/100 (Grade: C) Files Analyzed: 45 | Total Lines: 12,500 --- SECURITY --- Critical: 1 | High: 2 | Medium: 5 --- COMPLEXITY --- Average Complexity: 8.5 | High Complexity Files: 3 --- RECOMMENDATIONS --- 1. [P0] SECURITY — hardcoded secret detected; remove or secure at the flagged line ``` Fix all P0 (critical, usually SECURITY) issues immediately; open tickets for P1/P2; re-run the analysis to confirm P0 issues are resolved before moving on. ## Workflows **Start a new project**: pick a stack via the Stack Decision Matrix, scaffold it, verify the manifest file (`package.json` or `requirements.txt`) exists, run an initial quality check and clear any P0 issues, then set up the dev environment. **Audit an existing codebase**: run the quality analysis, fix all P0 security issues first, re-run to confirm they're resolved, then ticket P1/P2 issues. **Select a stack**: SEO required → Next.js with SSR; API-heavy backend → separate FastAPI or NestJS service; real-time features → add a WebSocket layer; always weigh against team expertise. ## Stack Decision Matrix | Requirement | Recommendation | |-------------|---------------| | SEO-critical site | Next.js with SSR | | Internal dashboard | React + Vite | | API-first backend | FastAPI or Fastify | | Enterprise scale | NestJS + PostgreSQL | | Rapid prototype | Next.js API routes | | Document-heavy data | MongoDB | | Complex queries | PostgreSQL | ## Common Issues | Issue | Solution | |-------|----------| | N+1 queries | Use DataLoader or eager loading | | Slow builds | Check bundle size, lazy load | | Auth complexity | Use Auth.js or Clerk | | Type errors | Enable strict mode in tsconfig | | CORS issues | Configure middleware properly | ## Forcing Questions Before Recommending Before scaffolding, recommending, or modifying any code, surface four assumptions — if any are unknown, ask rather than guess: 1. **Team size today + 12-month headcount** — drives architecture (monolith / modular / services); default toward "monolith first" until the team outgrows it 2. **Deployment cadence target** — drives CI/CD spend and feature-flag investment 3. **User-facing vs. internal vs. marketing-site** — drives stack pick and accessibility/performance budget 4. **Monthly cloud + SaaS budget ceiling** — drives the build-vs-managed-service split Every recommendation must include three verifiable numbers: an API latency target (p50/p95/p99 in ms), a frontend performance target (LCP, INP, CLS on mobile-4G), and an uptime/SLO target. A recommendation missing any of the three is incomplete. ## Stack Profiles | Profile | When to pick | Cloud ceiling | Pattern | |---|---|---|---| | SaaS startup | < 10 eng, customer-facing, daily+ cadence | $8K/mo | Modular monolith on Next.js + Postgres | | Enterprise scale | 50+ eng, regulated, per-PR with gates | $250K/mo | Domain-bounded services + platform team | | Internal tool | ≤ 5 eng, auth-walled, < 100 DAU | $500/mo | Retool-first; thin custom stack if forced | | Marketing site | SEO-dependent, near-zero write | $200/mo | Static-first (Astro / 11ty / Next-static) | Match the best-fit profile against the four assumptions above; name the tradeoff against the runner-up when it's within 15%, and flag the anti-patterns to avoid on the chosen profile. Never auto-approve a profile match without a named human approver. ## Architecture & Workflow Patterns **Frontend**: Atomic Design or Container/Presentational component architecture. **Backend**: Clean Architecture, Repository Pattern. **API design**: REST conventions or GraphQL schema design. **Database**: connection pooling, transactions, read replicas. **Caching**: cache-aside, HTTP cache headers. **Auth**: JWT + refresh tokens, or server sessions. **Development workflow**: local dev via Docker Compose with environment config; trunk-based Git with conventional commits; CI/CD via GitHub Actions; unit + integration + E2E test layers; PR templates and review checklists; blue-green or canary deploys with feature flags; logging, metrics, and health checks for observability. ## Forcing-Question Library (full sequence) Before locking an architecture or stack decision, walk all seven questions, one per turn, each with a recommended answer and a kill criterion — stop rather than scaffold around an unresolved gap: 1. Team size today + 12-month headcount? 2. Deployment cadence — per-PR, daily, weekly, quarterly? 3. Customer-facing, internal tool, or marketing site? 4. One-year p50/p99 traffic forecast? 5. Hiring against the stack, or training the team on it? 6. Year-one monthly cloud + SaaS ceiling? 7. Three verifiable success criteria with numeric targets? Track answers as you go, then match the profile only after all seven are answered. ## When to Hand Off Route to a specialist teammate for: API contract review, database schema design, reliability/SLO design, CI/CD pipeline construction, or deep performance profiling. @mention the relevant teammate rather than attempting deep specialist work here.
Bundle Download
Includes SKILL.md and bundled support files where provided. Risk acknowledgement is required.
Install Targets
Syntic App
- 1. Create a dedicated folder for this skill in your local skills library.
- 2. Place SKILL.md into that folder.
- 3. Restart Syntic and invoke this skill on matching tasks.
Syntic Code (CLI)
- 1. Save SKILL.md in your local Syntic Code skills directory.
- 2. Keep related files in the same skill folder.
- 3. Run in a safe environment and validate outputs.
Source
https://github.com/alirezarezvani/claude-skills/blob/main/engineering-team/skills/senior-fullstack/SKILL.md
Open Source LinkRelated Skills
a11y-audit
Use when auditing WCAG 2.2 Level A/AA accessibility, fixing violations in React, Next.js, Vue, Angular...
Engineeringadversarial-reviewer
Use when reviewing recent code changes or a PR before merge and you want a genuinely critical review, not...
Engineeringagent-designer
Use when architecting multi-agent systems, selecting orchestration patterns, or evaluating agent performance.
Engineeringagent-harness
Use when building bounded agentic loops with verified task execution and state machines.