In this tutorial, I want to help you create a very quick and dirty prototype to collect feedback for the CLI concepts that you want to test out quickly, fail fast, and move on to the next solution.

In the past few months, I was tasked to redesign the CLI experience for one of our products at Canonical (Ubuntu), MAAS. Feel free to check out my MAAS CLI prototype.

Before we start, I am assuming that you have npm and node installed on your local machine.

My current environment:

node version: v12.16.1
npm version: 6.13.4

In this tutorial I will show you how…


There has been a few requests for me to share my experience interviewing with Canonical for a UX Designer role and I hope this would be a helpful experience for anyone who’s interested and passionate about open source projects.

Image for post
Image for post

What is Canonical?

Canonical is founded by Mark Shuttleworth, the founder of Ubuntu project, which is known for being a popular open-source Linux distribution for OS, Servers, and Cloud Computing. Of course, there are many other products that many might have heard of under Canonical such as Snapcraft, MAAS, Juju, Vanilla Framework and so many more.

What I like about Canonical?


This article is going to summarize the most basic and simplest Image Processing techniques such as RGB extraction, Object Labeling, and show what happens after applying different types of filter to the image.

The environment for the examples below are done in Octave with the Octave interpreter for Linux.

RGB vs HSV Extraction

Image for post
Image for post
Figure 1. The Comparison Extracting the original image with RGB vs HSV

Image extraction can be done with two methods, directly from the RGB color model or by converting to the HSV model.

In order to extract only the yellow pixels of the flower in the RGB color model, we will have to consider an approximate value of Red, Green, and Blue color…


The other day I came across a project that I needed to create a quick HTML/CSS prototype to show the looks and certain animations on the prototype.

Little did I know, the set up took more time than I thought.

I want to go through a few steps for setting up gulp, certain things you should look out for and hope this helps you set it up quickly.

Image for post
Image for post

Basically you want to be able to do something like this. Make changes on your SCSS file and gulp will automatically watch those changes and display it on the Browser.

You can…


“The way to get good ideas is to get lots of ideas, and throw the bad ones away.” — Linus Pauling

In the process of ideation, the most important part is to be mindful, non-judgemental, and think of crazy/ out of the box ideas. As a moderator of an ideation session, it is very important to create a safe space for your peers, making sure that we encourage even stupid ideas so we can extract as much as we can. Make it a norm for our peers to not judge other.

Our goal is to generate as many ideas as…


When someone asks me “If you can eat one menu for the rest of your life, what would that be?” One the of my first answers would be “dumplings”.

My love for dumplings was shared amongst my colleagues in the office last year, when I brought dumplings to the office on my birthday. Our Berlin office is the best place to share my dumplings because it’s a multinational office with more than 10 nationalities. So the feedback for my dumpling project would be unbiased and distributed.

Image for post
Image for post
Figure 1 Freshly made raw dumplings with pork and leeks stuffing.

Prototype zero: Not knowing my audiences’ preference, I decided to create the first set…

Amy Lily

Senior UX Designer at Canonical.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store