senior-fullstack

Scaffold React, Next.js, Node.js, GraphQL, and PostgreSQL projects with automated scripts.

Updated Sep 6, 2024
One-click install
npx skills add https://github.com/Jaylaelike/pm25-interactive-thaipbs-app --skill senior-fullstack-jaylaelike
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: senior-fullstack
Source: https://github.com/Jaylaelike/pm25-interactive-thaipbs-app/tree/main/.claude/skills/senior-fullstack
Command: npx skills add https://github.com/Jaylaelike/pm25-interactive-thaipbs-app --skill senior-fullstack-jaylaelike

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a complete toolkit for building, scaling, and maintaining web applications using modern fullstack technologies. It covers scaffolding, code quality analysis, architecture patterns, and comprehensive tech stack guidance to accelerate delivery and ensure architectural integrity.

Core Features & Use Cases

  • Fullstack Scaffolder: automated project skeletons for React/Next.js frontend and Node/GraphQL backend.
  • Project Scaffolder: end-to-end project setup with sensible defaults, folder structure, and baseline configurations.
  • Code Quality Analyzer: automated checks and recommendations to improve maintainability and performance. Use cases include starting a new product from scratch, refactoring an existing codebase, or establishing consistent development workflows across teams.

Quick Start

Run the following commands to bootstrap and evaluate projects:

  • python scripts/fullstack_scaffolder.py <path> [options]
  • python scripts/project_scaffolder.py <path> [options]
  • python scripts/code_quality_analyzer.py <path> [--verbose]

Frequently Asked Questions about senior-fullstack

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a fullstack React and Node.js project from scratch?

To scaffold a fullstack project, run the fullstack scaffolder script to generate a React or Next.js frontend and a Node.js or GraphQL backend skeleton with sensible defaults, baseline configurations, and a predefined folder structure.

What is the best way to analyze code quality in a Next.js and PostgreSQL application?

The best way to analyze code quality is to run the code quality analyzer script, which performs automated checks on your application path and provides recommendations to improve maintainability and performance across your stack.

Does this fullstack scaffolding workflow require any external dependencies?

No external dependencies are required to run the scaffolding workflow. The toolkit uses script-based tools and accompanying reference materials to bootstrap projects without relying on additional installed packages.

Can I use these scripts to modernize an existing GraphQL architecture?

Yes, you can use the toolkit to modernize an existing GraphQL architecture by applying the provided architecture patterns and running the code quality analyzer to evaluate and guide your refactoring workflow.

What limitations should I expect when using automated project scaffolding for web apps?

Automated project scaffolding provides baseline configurations and functional skeletons for React, Next.js, Node.js, GraphQL, and PostgreSQL, but it operates at an intermediate implementation depth, meaning complex custom workflows may require manual adjustment.