AI-Powered Desktop Customization Experience
Phase I

A desktop customization tool, enabling users to personalize their desktops, driving 100+ early sign-ups and increasing post-launch engagement to 40+ daily active users. Secured $6000 seed investment from Cornell.

Role AI Prototyping,
Product Designer
Timeline 2023-2024
(Part-time)
Company Cosmo Inc.
Team 2 Developers,
2 marketers, Ella
Cosmo App Visualization

Research

01. Survey

Surveyed 30 customization lovers to understand pain points in creating custom behaviors.

Survey Results Infographic

02. Interviews & Affinity Diagrams

Interviewed 10 Mac customization lovers, creating affinity diagrams to find key insights.

Affinity Diagram

Problem

Mac customization lovers face limited customization flexibility, technical barriers to creating their own components, and a lack of effective resource organization.

Solution

Reduce the technical complexity of creating custom components through AI, while providing a unified macOS customization platform that helps users organize and manage their resources.

01

AI Widget Creation Guide

The AI widget creation guide we designed provides structured context directly to the AI. Users can simply describe their ideas in natural language, and the AI handles:

  • Intent interpretation from natural language
  • Widget layout generation with system styling
  • Technical implementation details
  • Deployment to the live desktop environment
AI Widget Creation Guide Framework

This shifts widget creation from a coding task into a communication task. Users no longer need to think in terms of files; they only need to express what they want to make.

How It Works in Practice

"Create a minimalist clock widget with a pixel cat that I can interact with as it walks."

Generated AI widget demo

Work from Our Users

These works received hundreds of likes on social media.

02

Central Panel

Central Resources Hub

A unified personal resource management flow with integrated categorization and information lookups.

General Browse
Get Info
Wallpaper Browser UI
Property Adjustment & Tagging UI

Resources Import

Import workflow designed to support diverse resource formats and enable personal adjustment of those resources.

Start Import
Import Settings
Resources Import Library UI
Import Processing & Settings UI

Tagging Experience

Design Challenge

How should users add and personalize tags for their resources in an efficient way?

Before

Before Tagging Experience UI
  • One missed comma creates messy, inconsistent tags.
  • Without suggestions, users wonder what tags exist.
  • Users could accidentally create duplicates.
  • Limited visual feedback.

After

Implemented automatic tag tokenization (visual chips) with autocomplete suggestions, preventing duplicates and formatting errors.

Refined Tagging Experience Animation

More Contribution

Clock Widget

Define 3 properties for the clock widget based on users’ habits and visual preferences.

Full
Mini
24h
12h
HH:MM
HH:MM:SS
Clock Widget Preview

Calendar Widget

With Cosmo Calendar, you’re not limited to the timeline view.

Today
2 Days
Timeline
Events
Calendar Widget Preview

Color Schemes

Designed varied color themes to match user preferences (sunset, forest, cosmo, galaxy, tide).

Cosmo Color Schemes Showcase Cosmo Color Schemes Showcase Cosmo Color Schemes Showcase
Zoomed View