openfoodjournal-ui
CommunityConsistent UI/UX for OpenFoodJournal app development
Authorkvn8888
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a consistent UI/UX design system for the OpenFoodJournal app, ensuring that new views and components adhere to the established design patterns and tokens.
Core Features & Use Cases
- Design Tokens: Offers a set of predefined design tokens for colors, typography, and spacing.
- Component Catalog: Includes a catalog of reusable UI components for common patterns.
- Animation Conventions: Defines conventions for animations and transitions.
- Navigation Architecture: Outlines the navigation structure and sheet management for the app.
- Use Case: When developing new views or components for the OpenFoodJournal app, use this Skill to ensure consistency with the existing design system.
Quick Start
To implement a new view, first consult the design system documentation. Then, use the provided components and tokens to build your view, ensuring it adheres to the established patterns.
Dependency Matrix
Required Modules
swiftuiliquid-glass
Components
scriptsreferencesassets
💻 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: openfoodjournal-ui Download link: https://github.com/kvn8888/OpenFoodJournal/archive/main.zip#openfoodjournal-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.