Hilo

English | 简体中文

Hilo is a smart beauty lighting assistant designed to help users achieve accurate makeup color rendering in various environmental lighting conditions through screen fill-light technology.

✨ Features

• Light Analysis

  • Analyzes current environmental lighting via camera or uploaded images.
  • Real-time calculation of Color Temperature (Kelvin), Brightness, Spectral Peak, and Shadow Distribution.

• Smart Light

  • Automatically calculates the optimal screen fill-light color and brightness based on environmental analysis.
  • Chromatic Adaptation: Balances environmental color casts.
  • Spectral Filling: Compensates for missing spectral components (e.g., green spikes in fluorescent lighting).
  • Cosmetic Enhancement: Ensures makeup colors are rendered accurately under specific lighting.

• Beauty & Scene Management

  • Cosmetic Library: Manage shades for foundation, lipstick, eyeshadow, blush, and more.
  • Environment Presets: Save lighting parameters for different scenes (e.g., "Morning Living Room", "Office") for quick switching.

• PWA Support

  • Progressive Web App (PWA) support, allowing installation on mobile devices for a native app-like experience.

🛠 Tech Stack

• Framework: Next.js 16 (React 19)
• Styling: Tailwind CSS v4
• Animation: Framer Motion
• Icons: Lucide React
• Internationalization: i18next
• Package Manager: pnpm

🚀 Quick Start

Prerequisites

• Node.js (v20+ recommended)
• pnpm (Mandatory for this project)

Install Dependencies

pnpm install

Start Development Server

pnpm dev

Open http://localhost:3000 in your browser to view the application.

Build & Deploy

Build for production:

pnpm build

Start production server:

pnpm start

📂 Project Structure

Hilo/
├── components/     # UI Components
├── pages/          # Page Routes
├── public/         # Static Assets
├── styles/         # Global Styles
├── utils/          # Utility Functions
│   ├── lightAnalysis.ts  # Light Analysis Algorithms
│   └── smartLight.ts     # Smart Light Algorithms
└── ...

📝 Development Guidelines

• Please ensure you use pnpm for package management.
• Code style follows the configured ESLint rules.

---

License: MIT