BeClaude

fullstack-dev-skills

New
5Community RegistryDevelopmentby jeffallan · MIT

19 specialized skills for full-stack development: NestJS, Django, FastAPI, React, React Native, Flutter, plus debugging, monitoring, architecture, code review, and security skills

First seen 5/22/2026

Summary

This skill equips Claude Code with 19 specialized sub-skills for full-stack development, covering backend frameworks (NestJS, Django, FastAPI), frontend frameworks (React, React Native, Flutter), and cross-cutting concerns like debugging, monitoring, architecture, code review, and security.

  • It helps developers rapidly build, debug, and optimize full-stack applications with best practices and consistent patterns.

Overview

<p align="center"> <img src="https://capsule-render.vercel.app/api?type=waving&color=gradient&customColorList=12,14,25,27&height=200&section=header&text=Claude%20Skills&fontSize=80&fontColor=ffffff&animation=fadeIn&fontAlignY=35&desc=66%20Skills%20%E2%80%A2%209%20Workflows%20%E2%80%A2%20Built%20for%20Full-Stack%20Devs&descSize=20&descAlignY=55" width="100%"/> </p>

<p align="center">

<a href="https://github.com/hesreallyhim/awesome-claude-code"><img src="https://awesome.re/mentioned-badge.svg" alt="Mentioned in Awesome Claude Code" style="width: 200px; height: 44px;" width="200" height="44"/></a> </p>

<p align="center"> <a href="https://github.com/jeffallan/claude-skills"><img src="https://img.shields.io/badge/version-0.4.15-blue.svg?style=for-the-badge" alt="Version"/></a> <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg?style=for-the-badge" alt="License"/></a> <a href="https://github.com/jeffallan/claude-skills"><img src="https://img.shields.io/badge/Claude_Code-Plugin-purple.svg?style=for-the-badge" alt="Claude Code"/></a> <a href="https://github.com/jeffallan/claude-skills/stargazers"><img src="https://img.shields.io/github/stars/jeffallan/claude-skills?style=for-the-badge&color=yellow" alt="Stars"/></a> <a href="https://github.com/jeffallan/claude-skills/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/jeffallan/claude-skills/ci.yml?branch=main&style=for-the-badge&label=CI" alt="CI"/></a> </p>


Quick Start

bash
/plugin marketplace add jeffallan/claude-skills

Then, install the skills:

bash
/plugin install fullstack-dev-skills@jeffallan

For all installation methods and first steps, see the **Quick Start Guide**.

Full documentation: jeffallan.github.io/claude-skills

Skills

<!-- SKILL_COUNT -->66<!-- /SKILL_COUNT --> specialized skills across 12 categories covering languages, backend/frontend frameworks, infrastructure, APIs, testing, DevOps, security, data/ML, and platform specialists.

See **Skills Guide** for the full list, decision trees, and workflow combinations.

Usage Patterns

Context-Aware Activation

Skills activate automatically based on your request:

bash
# Backend Development
"Implement JWT authentication in my NestJS API"
→ Activates: NestJS Expert → Loads: references/authentication.md

# Frontend Development
"Build a React component with Server Components"
→ Activates: React Expert → Loads: references/server-components.md

Multi-Skill Workflows

Complex tasks combine multiple skills:

code
Feature Development: Feature Forge → Architecture Designer → Fullstack Guardian → Test Master → DevOps Engineer
Bug Investigation:   Debugging Wizard → Framework Expert → Test Master → Code Reviewer
Security Hardening:  Secure Code Guardian → Security Reviewer → Test Master

Context Engineering

Surface and validate Claude's hidden assumptions about your project with /common-ground. See the **Common Ground Guide** for full documentation.

Project Workflow

The <!-- WORKFLOW_COUNT -->9<!-- /WORKFLOW_COUNT --> workflow commands manage epics from discovery through retrospectives, integrating with Jira and Confluence. See **Workflow Commands Reference** for the full command reference and lifecycle diagrams.

[!TIP]

Setup: Workflow commands require an Atlassian MCP server. See the **Atlassian MCP Setup Guide**.

Documentation

Contributing

See **Contributing** for guidelines on adding skills, writing references, and submitting pull requests.

Changelog

See Changelog for full version history and release notes.

License

MIT License - See LICENSE file for details.

Support

Author

Built by **jeffallan** <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linkedin/linkedin-original.svg" width="16" height="16" alt="LinkedIn"/>

Principal Consultant at **Synergetic Solutions** <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linkedin/linkedin-original.svg" width="16" height="16" alt="LinkedIn"/>

Fullstack engineering, security engineering, compliance, and technical due diligence.

Community

![Stargazers repo roster for @Jeffallan/claude-skills](https://github.com/Jeffallan/claude-skills/stargazers)

Star History

![Star History Chart](https://www.star-history.com/#Jeffallan/claude-skills&type=date&legend=top-left)


Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/fullstack-dev-skills.md https://raw.githubusercontent.com/jeffallan/claude-skills/main/SKILL.md
3
Invoke in Claude Code
/fullstack-dev-skills

Use Cases

Generate a NestJS module with CRUD endpoints and validation following project conventions.
Debug a React component that re-renders too frequently and optimize its performance.
Review a Python Django view for security vulnerabilities like SQL injection or XSS.
Architect a microservices split for a monolithic FastAPI application with monitoring setup.
Create a React Native screen with navigation and state management using Redux Toolkit.
Perform a security audit on API endpoints and suggest fixes for OWASP Top 10 risks.

Usage Examples

1

/fullstack-dev-skills nestjs generate resource users --module app --crud

2

/fullstack-dev-skills debug react --profile --identify-rerenders

3

/fullstack-dev-skills security audit --api --owasp

View source on GitHub
securitycode-reviewapiclaude-skillclaude-codefullstacktypescriptpython

Security Audits

LicensePassSourceWarnRepositoryPass

Frequently Asked Questions

What is fullstack-dev-skills?

This skill equips Claude Code with 19 specialized sub-skills for full-stack development, covering backend frameworks (NestJS, Django, FastAPI), frontend frameworks (React, React Native, Flutter), and cross-cutting concerns like debugging, monitoring, architecture, code review, and security. It helps developers rapidly build, debug, and optimize full-stack applications with best practices and consistent patterns.

How to install fullstack-dev-skills?

To install fullstack-dev-skills: create the skills directory (mkdir -p .claude/skills), then run: mkdir -p .claude/skills && curl -o .claude/skills/fullstack-dev-skills.md https://raw.githubusercontent.com/jeffallan/claude-skills/main/SKILL.md. Finally, /fullstack-dev-skills in Claude Code.

What is fullstack-dev-skills best for?

fullstack-dev-skills is a skill categorized under Development. It is designed for: security, code-review, api, claude-skill, claude-code, fullstack, typescript, python. Created by jeffallan.

What can I use fullstack-dev-skills for?

fullstack-dev-skills is useful for: Generate a NestJS module with CRUD endpoints and validation following project conventions.; Debug a React component that re-renders too frequently and optimize its performance.; Review a Python Django view for security vulnerabilities like SQL injection or XSS.; Architect a microservices split for a monolithic FastAPI application with monitoring setup.; Create a React Native screen with navigation and state management using Redux Toolkit.; Perform a security audit on API endpoints and suggest fixes for OWASP Top 10 risks..