EspressoInAction
The main intent of this project is to familiarize myself with the Espresso API and its usage. As well as to get a chance to practice MVP one more time.
Install / Use
/learn @vpaliy/EspressoInActionREADME
EspressoInAction
The main intent of this project is to familiarize myself with the Espresso API and its usage. As well as to get a chance to practice MVP one more time. However, I decided to make this short app even more challenging by adding a little bit of material design. Specifically, I wanted to implement a bottom sheet which allows to customize and order a coffee. <br> Here's the result:
.gif)
.gif)
Check out these features in more detailed view:
.gif)
The sweetness level changes when the user drags the pointer to different positions. There are 4 levels.
.gif)
I want to give a credit to this guy because without his article, which I highly recommend to read, I wouldn't have done this feature.
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.1kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
openpencil
2.1kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
