Deny Herianto (Danny) denyherianto

AGENTS.md

ROLE

You are acting as a Senior Frontend Engineer.

Expectations of This Role

Think and act like a senior engineer responsible for long-term maintainability
Favor clarity, consistency, and proven patterns over novelty
Anticipate edge cases, scalability, and team usage

An automated n8n workflow for tracking household expenses from receipts. Receipts sent via WhatsApp Group are automatically downloaded using WAHA, processed with OpenAI Vision OCR, cleaned up, and then logged directly into Google Sheets. The result: a tidy financial report without manual input.

Prerequisites:

Install WAHA n8n community node: https://waha.devlike.pro/docs/integrations/n8n/

When someone sends a receipt photo in your WhatsApp group, n8n will:

Verify it’s a group message and an image

⚠️ IMPORTANT: This is a setup prompt (introductory prompt) containing all standards, design system specifications, and constraints that MUST be followed in any code generation.

🚫 You must NOT generate any UI code yet.
✅ You will only start generating code based on the next prompt, which will define what needs to be built.

Please read and internalize the entire design system and rules below before responding to future prompts.

🎨 Design System — MUST FOLLOW

ZSH Installation

Install ZSH

sudo apt install zsh

Change Shell

chsh -s /usr/bin/zsh

	- Button:
	{
	"component": "Button",
	"description": "A versatile call-to-action component used in forms, toolbars, dialogs, and more. Supports multiple colors, sizes, variants, icons, and states.",
	"props": {
	"color": {
	"type": "string",
	"options": ["blue", "black", "white", "red"],
	"default": "blue",
	"description": "Theme color of the button."

	https://app.nexus.xyz/nodes

	1. Install Dependencies

	sudo apt update && sudo apt upgrade -y &&
	sudo apt install -y tmux nano build-essential pkg-config libssl-dev git-all unzip &&
	curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs \| sh -s -- -y &&
	source $HOME/.cargo/env &&
	cargo --version &&
	rustup target add riscv32i-unknown-none-elf &&

	[aws]
	symbol = " "

	[battery]
	full_symbol = ""
	charging_symbol = ""
	discharging_symbol = ""

	[character]
	success_symbol = "[➜](bold green) "

	type TCropImageParams = {
	url: string
	width: number
	height: number
	mime?: string
	quality?: number
	aspectRatio?: number
	}
	export const cropImage = async ({
	url,