Skillipedia

A Wikipedia-style skill directory built with Next.js 15, TypeScript, Tailwind CSS, and shadcn/ui-inspired components.

Getting started

npm install
npm run dev

Features

• App Router with strict TypeScript
• Tailwind CSS + serif/sans typography tuned for dense reading
• Sidebar navigation and tabbed skill pages (Article, Talk, Edit, History)
• Markdown-rendered skill content with mock data in src/data/skills.ts
• Search and filter pages for browsing the catalog

Project structure

• src/app – Next.js routes and layouts
• src/components – UI primitives and page components (SkillCard, SkillDetail, TabNav, Sidebar)
• src/data/skills.ts – Mock Skill data and type definition
• src/lib – Utility helpers for filtering and formatting

Styling

Tailwind config includes link colors that mirror Wikipedia (#0645ad links, #0b0080 visited) with clean borders and subtle shadows. Headings use a serif face while body text is sans-serif for readability.