Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub ยท Developer Tools
Senior Fullstack
Fullstack development toolkit with project scaffolding for Next.js/FastAPI/MERN/Django stacks and code quality analysis. Use when scaffolding new projects, analyzing codebase quality, or implementing fullstack architecture patterns.
skill openclawclawhub Free
Fullstack development toolkit with project scaffolding for Next.js/FastAPI/MERN/Django stacks and code quality analysis. Use when scaffolding new projects, analyzing codebase quality, or implementing fullstack architecture patterns.
โฌ 0 downloads โ
0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- SKILL.md, references/architecture_patterns.md, references/development_workflows.md, references/tech_stack_guide.md, scripts/code_quality_analyzer.py, scripts/project_scaffolder.py
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 2.1.1
Provenance
- Publisher
- alirezarezvani
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Senior Fullstack
Fullstack development skill with project scaffolding and code quality analysis tools.
Table of Contents
Trigger Phrases Tools Workflows Reference Guides
Trigger Phrases
Use this skill when you hear: "scaffold a new project" "create a Next.js app" "set up FastAPI with React" "analyze code quality" "check for security issues in codebase" "what stack should I use" "set up a fullstack project" "generate project boilerplate"
Project Scaffolder
Generates fullstack project structures with boilerplate code. Supported Templates: nextjs - Next.js 14+ with 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 + React frontend Usage: # List available templates python scripts/project_scaffolder.py --list-templates # Create Next.js project python scripts/project_scaffolder.py nextjs my-app # Create FastAPI + React project python scripts/project_scaffolder.py fastapi-react my-api # Create MERN stack project python scripts/project_scaffolder.py mern my-project # Create Django + React project python scripts/project_scaffolder.py django-react my-app # Specify output directory python scripts/project_scaffolder.py nextjs my-app --output ./projects # JSON output python scripts/project_scaffolder.py nextjs my-app --json Parameters: ParameterDescriptiontemplateTemplate name (nextjs, fastapi-react, mern, django-react)project_nameName for the new project directory--output, -oOutput directory (default: current directory)--list-templates, -lList all available templates--jsonOutput in JSON format Output includes: Project structure with all necessary files Package configurations (package.json, requirements.txt) TypeScript configuration Docker and docker-compose setup Environment file templates Next steps for running the project
Code Quality Analyzer
Analyzes fullstack codebases for quality issues. Analysis Categories: Security vulnerabilities (hardcoded secrets, injection risks) Code complexity metrics (cyclomatic complexity, nesting depth) Dependency health (outdated packages, known CVEs) Test coverage estimation Documentation quality Usage: # Analyze current directory python scripts/code_quality_analyzer.py . # Analyze specific project python scripts/code_quality_analyzer.py /path/to/project # Verbose output with detailed findings python scripts/code_quality_analyzer.py . --verbose # JSON output python scripts/code_quality_analyzer.py . --json # Save report to file python scripts/code_quality_analyzer.py . --output report.json Parameters: ParameterDescriptionproject_pathPath to project directory (default: current directory)--verbose, -vShow detailed findings--jsonOutput in JSON format--output, -oWrite report to file Output includes: Overall score (0-100) with letter grade Security issues by severity (critical, high, medium, low) High complexity files Vulnerable dependencies with CVE references Test coverage estimate Documentation completeness Prioritized recommendations Sample Output: ============================================================ CODE QUALITY ANALYSIS REPORT ============================================================ 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 Issue: Potential hardcoded secret detected Action: Remove or secure sensitive data at line 42
Workflow 1: Start New Project
Choose appropriate stack based on requirements (see Stack Decision Matrix) Scaffold project structure Verify scaffold: confirm package.json (or requirements.txt) exists Run initial quality check โ address any P0 issues before proceeding Set up development environment # 1. Scaffold project python scripts/project_scaffolder.py nextjs my-saas-app # 2. Verify scaffold succeeded ls my-saas-app/package.json # 3. Navigate and install cd my-saas-app npm install # 4. Configure environment cp .env.example .env.local # 5. Run quality check python ../scripts/code_quality_analyzer.py . # 6. Start development npm run dev
Workflow 2: Audit Existing Codebase
Run code quality analysis Review security findings โ fix all P0 (critical) issues immediately Re-run analyzer to confirm P0 issues are resolved Create tickets for P1/P2 issues # 1. Full analysis python scripts/code_quality_analyzer.py /path/to/project --verbose # 2. Generate detailed report python scripts/code_quality_analyzer.py /path/to/project --json --output audit.json # 3. After fixing P0 issues, re-run to verify python scripts/code_quality_analyzer.py /path/to/project --verbose
Workflow 3: Stack Selection
Use the tech stack guide to evaluate options: SEO Required? โ Next.js with SSR API-heavy backend? โ Separate FastAPI or NestJS Real-time features? โ Add WebSocket layer Team expertise โ Match stack to team skills See references/tech_stack_guide.md for detailed comparison.
Architecture Patterns (references/architecture_patterns.md)
Frontend component architecture (Atomic Design, Container/Presentational) Backend patterns (Clean Architecture, Repository Pattern) API design (REST conventions, GraphQL schema design) Database patterns (connection pooling, transactions, read replicas) Caching strategies (cache-aside, HTTP cache headers) Authentication architecture (JWT + refresh tokens, sessions)
Development Workflows (references/development_workflows.md)
Local development setup (Docker Compose, environment config) Git workflows (trunk-based, conventional commits) CI/CD pipelines (GitHub Actions examples) Testing strategies (unit, integration, E2E) Code review process (PR templates, checklists) Deployment strategies (blue-green, canary, feature flags) Monitoring and observability (logging, metrics, health checks)
Tech Stack Guide (references/tech_stack_guide.md)
Frontend frameworks comparison (Next.js, React+Vite, Vue) Backend frameworks (Express, Fastify, NestJS, FastAPI, Django) Database selection (PostgreSQL, MongoDB, Redis) ORMs (Prisma, Drizzle, SQLAlchemy) Authentication solutions (Auth.js, Clerk, custom JWT) Deployment platforms (Vercel, Railway, AWS) Stack recommendations by use case (MVP, SaaS, Enterprise)
Stack Decision Matrix
RequirementRecommendationSEO-critical siteNext.js with SSRInternal dashboardReact + ViteAPI-first backendFastAPI or FastifyEnterprise scaleNestJS + PostgreSQLRapid prototypeNext.js API routesDocument-heavy dataMongoDBComplex queriesPostgreSQL
Common Issues
IssueSolutionN+1 queriesUse DataLoader or eager loadingSlow buildsCheck bundle size, lazy loadAuth complexityUse Auth.js or ClerkType errorsEnable strict mode in tsconfigCORS issuesConfigure middleware properly
Category context
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
4 Docs2 Scripts
- SKILL.md
- references/architecture_patterns.md
- references/development_workflows.md
- references/tech_stack_guide.md
- scripts/code_quality_analyzer.py
- scripts/project_scaffolder.py