Skills
.Work. You
Rest

fullstack-js

Community

Build robust full-stack JS apps.

Software Engineering#web development#full-stack#frontend#react#drizzle#javascript#backend
AuthorBasitShafiq
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive guidelines and best practices for developing full-stack JavaScript applications, ensuring consistency, maintainability, and efficient development.

Core Features & Use Cases

  • Architecture: Enforces modern web patterns, prioritizing frontend logic and minimizing file count.
  • Data Modeling: Guides the creation of consistent data models using Drizzle-Zod for frontend and backend synchronization.
  • API Development: Outlines thin, validated backend routes using Zod and Drizzle ORM.
  • Frontend Development: Details routing with Wouter, form handling with shadcn/ui and React Hook Form, and data fetching with TanStack Query.
  • Styling & Theming: Specifies rules for Tailwind CSS, dark mode implementation, and asset management.
  • Use Case: Developing a new e-commerce platform where consistent data structures, efficient API calls, and a responsive user interface are critical for success.

Quick Start

Follow the guidelines in this skill to implement a new feature in the full-stack JavaScript application.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: fullstack-js
Download link: https://github.com/BasitShafiq/personal/archive/main.zip#fullstack-js

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.