Agent skill · software engineering · aiskillstore
project-architecture
Overview of the project's tech stack, directory structure, and architectural patterns.
Why this skill is useful
Provides specific architectural patterns and directory structure for a Next.js application that the AI wouldn't reliably generate on its own.
What it needs
Requires npm installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Project Architecture & Tech Stack Tech Stack Framework: Next.js 15 (App Router) Language: TypeScript Styling: Tailwind CSS v4, CSS Modules (for specific components) Docs/Content: Docusaurus (in textbook/ directory) Auth: Better Auth (better-auth) Database: PostgreSQL (NeonDB) ORM: Drizzle ORM UI Components: Lucide React icons, Custom components Directory Structure /app: Next.js App Router pages and layouts. /components: Reusable UI components. /auth: Authentication related components (forms, etc.). /lib: Utility functions and shared logic. auth-client.ts: Better Auth client configuration. auth.ts: Better Auth server configuration. /db: Database schema and connection logic. /drizzle: Migrations. /textbook: Docusaurus instance for documentation/content. /src: Docusaurus source files. Key Patterns Hybrid App: Combines a Next.js web app (marketing, auth, dashboard) with a Docusaurus documentation site. Auth Integration: Shared authentication state between Next.js and Docusaurus via cookies/sessions (handled by AuthBar). Styling: Global Tailwind styles in app/globals.css. Docusaurus has its own theme in textbook/src/css/custom.css. Development Run root app: npm run dev:root Run docs app: npm run dev:docs Run both: npm run dev
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/project-architecture