macro-food-app-ui

Community

Optimize calorie and macro tracking app UI design with expert patterns.

Authorjpoindexter
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the design challenges of modern calorie and macro tracking apps, offering patterns and anti-patterns to improve user experience and reduce friction.

Core Features & Use Cases

  • UI/UX Patterns: Provides patterns for calorie/macro dashboards, logging loops, multi-modal entry, food diaries, and engagement strategies.
  • Anti-Patterns: Identifies common mistakes to avoid in design, such as hidden logging, scroll-heavy home screens, and automated entries without review.
  • Use Case: A designer uses this Skill to review a new calorie-tracking app's design, applying patterns like "remaining-centric" dashboards and multi-modal entry for better user experience.

Quick Start

Use the 'macro-food-app-ui' skill to evaluate the user interface design of a calorie-tracking app for logging friction and glanceability.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: macro-food-app-ui
Download link: https://github.com/jpoindexter/design-and-ai-skills/archive/main.zip#macro-food-app-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.