valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: update README and GEMINI with favicon app and PWA info

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-26 18:39:15 +01:00
parent 283855d7a3
commit a3ef948600
2 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
GEMINI.md
View File

@@ -4,12 +4,15 @@ This file provides foundational context and instructions for Gemini CLI when wor
## 🚀 Project Overview
**Kit UI** is a high-performance, aesthetically pleasing toolkit built with **Next.js 16**, **React 19**, and **Tailwind CSS 4**. It provides four core specialized applications:
**Kit UI** is a high-performance, aesthetically pleasing toolkit built with **Next.js 16**, **React 19**, and **Tailwind CSS 4**. It provides five core specialized applications:
1. **Color**: Advanced color theory, manipulation, and accessibility suite powered by `@valknarthing/pastel-wasm`.
2. **Units**: Smart unit converter supporting 187+ units across 23 categories, including a custom `tempo` measure.
3. **ASCII**: ASCII Art generator with 373 fonts and multi-format export.
4. **Media**: Browser-based file converter using **FFmpeg** and **ImageMagick** via WebAssembly (Zero server uploads).
4. **Media**: Browser-based file converter using **FFmpeg** and **ImageMagick** via WebAssembly.
5. **Favicon**: Asset generator for web icons, PWA manifests, and HTML snippet headers.
**PWA Capabilities**: The toolkit is a fully functional Progressive Web App with service worker integration for offline usage of WASM-based tools.
## 🛠️ Tech Stack & Architecture
@@ -26,16 +29,18 @@ This file provides foundational context and instructions for Gemini CLI when wor
```bash
.
├── app/ # Next.js App Router
│ ├── (app)/ # Core Tool Pages (color, units, ascii, media)
│ ├── (app)/ # Core Tool Pages (color, units, ascii, media, favicon)
│ ├── manifest.ts # PWA manifest generation
│ └── globals.css # Tailwind 4 configuration & global styles
├── components/ # UI Components
│ ├── [tool]/ # Tool-specific components (e.g., components/color/)
│ ├── [tool]/ # Tool-specific components (e.g., components/color/, components/favicon/)
│ ├── layout/ # AppShell, Sidebar, Header
│ └── ui/ # Base Atomic Components (shadcn)
├── lib/ # Business Logic
│ ├── [tool]/ # Tool-specific logic & WASM wrappers
│ └── utils/ # General utilities (cn, format, etc.)
├── public/ # Static assets
│ ├── sw.js # Service worker for PWA offline support
│ ├── wasm/ # WASM binaries (ffmpeg, imagemagick)
│ └── fonts/ # ASCII fonts (.flf)
└── types/ # TypeScript definitions