LibrarySkill

A centralized platform to discover, author, review, and export structured prompt engineering skills and digital knowledge.

---

✨ Features

• Author & Create — Write structured Markdown skills with metadata, tags, and multi-block layouts
• Review & Refine — Collaborative review workflow before publishing
• Discover — Public catalog with search and category filtering
• Export & Share — Download any skill as a structured .md file; re-import seamlessly
• Studio Dashboard — Drag & drop .md import, draft auto-save, and skill management

---

🛠 Tech Stack

Layer	Technology	Version
Framework	Next.js (App Router)	16.2.9
UI Library	React	19.2.4
Language	TypeScript	^5
Database	PostgreSQL	—
ORM	Prisma	^7.8.0
Auth	NextAuth.js	^4.24.14
Rich Editor	Tiptap	^3.27.1
Icons	Lucide React	^1.22.0
Styling	Vanilla CSS	—

---

🚀 Getting Started

Prerequisites

• Node.js ≥ 18
• PostgreSQL database (local or hosted)
• npm / yarn / pnpm

---

1. Clone the repository

git clone https://github.com/Cipta-Grafika/libraryskill-project.git
cd libraryskill-project

2. Install dependencies

npm install
# or
yarn install
# or
pnpm install

3. Configure environment variables

Copy the example file and fill in your values:

cp .env.example .env

Edit .env:

# Database
DATABASE_URL="postgresql://USER:PASSWORD@localhost:5432/libraryskill"

# NextAuth
NEXTAUTH_URL="http://localhost:3000"
NEXTAUTH_SECRET="your-secret-key"

Generate a secure secret with: openssl rand -base64 32

4. Set up the database

# Push schema to database
npx prisma db push

# (Optional) Seed initial data
npx prisma db seed

# (Optional) Open Prisma Studio
npx prisma studio

5. Run the development server

npm run dev

Open http://localhost:3000 in your browser.

---

📁 Project Structure

libraryskill/
├── prisma/              # Database schema & migrations
├── public/              # Static assets (logo, icons)
├── src/
│   ├── app/             # Next.js App Router pages & API routes
│   │   ├── api/         # REST API endpoints
│   │   ├── studio/      # Author dashboard & skill editor
│   │   ├── skills/      # Public skill catalog
│   │   └── ...
│   ├── components/      # Reusable UI components
│   └── styles/          # Global & module CSS
├── docs/                # Project documentation
├── .env.example         # Environment variable template
└── next.config.ts       # Next.js configuration

---

📦 Available Scripts

Command	Description
npm run dev	Start development server
npm run build	Build for production
npm run start	Start production server
npm run lint	Run ESLint
npx prisma studio	Open Prisma database GUI
npx prisma db push	Sync schema to database

---

📄 License

This project is licensed under the MIT License.

---

Built with 🔥 by Zaenal Alfian