Toolverse
All skills

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
davila7
Category
Frontend
Views
96

About this skill

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.

How to use

  1. Zainstaluj umiejętność w swoim środowisku Claude'a, klonując repozytorium z GitHub. Upewnij się, że masz zainstalowany Python oraz dostęp do skryptów w katalogu scripts/.

  2. Aby wygenerować strukturę nowego projektu fullstackowego, uruchom skrypt fullstack_scaffolder.py, podając ścieżkę do projektu jako argument. Skrypt automatycznie utworzy szablony z wbudowanymi najlepszymi praktykami i konfiguracją.

  3. Dla istniejących projektów użyj project_scaffolder.py, aby przeprowadzić głęboką analizę. Dodaj flagę --verbose, aby uzyskać szczegółowe metryki wydajności i rekomendacje dotyczące optymalizacji.

  4. Uruchom code_quality_analyzer.py na swoim kodzie, aby uzyskać zaawansowaną analizę jakości. Narzędzie wygeneruje raport z sugestiami poprawy i automatycznymi naprawami.

  5. Zapoznaj się z dokumentacją w pliku references/tech_stack_guide.md, która zawiera wzorce architektoniczne, przykłady kodu i praktyki dla React, Next.js, Node.js, GraphQL i PostgreSQL.

  6. Integruj wyniki analizy z twoim przepływem pracy deweloperskiego, stosując rekomendacje do nowych funkcji i refaktoryzacji istniejącego kodu.

Related skills

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend
40139

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175

web-research

by langchain-ai

Use this skill for requests related to web research; it provides a structured approach to conducting comprehensive web research

Frontend
18114