Add an App screens page to resource section of the guide

[Bosch-0]

I'd like to add a page in the resources of the guide called "App screens" that houses a list of static screen states from various bitcoin apps.

These are primarily used for UX research and can save a bunch of time as well as give a good historical record of the development of apps (if the files are kept up to date that is).

I went ahead and made one of these files for Phoenix iOS we can start with for this page. Would be great to get as many bitcoin apps as possible here. I published this to Figma community in hopes people remix and keep things up to date if I can not.

[GBKS]

This could be a pretty useful resource. I created a screen browser for the UI Kit here (source), which shows a grid of screens that can be filtered by user flow and has a search field that looks at title & description, as well as text used inside the images. We could just re-use that design and/or code. The code setup does not mash with how the guide is set up, maybe this could even live under its own domain?

To do this properly, I think this needs more than just a flat grid. The Phoenix Figma file you linked contains around 85 images. Let's say we do this for 5 wallets, then we're at 425 images, an amount that really needs some filtering and search. I also think meta data is important to tag things like operating system, user flows, keywords, etc.

I also have a custom Figma plug-in for exporting UI Kit screens for the screen browser that we can use. It automatically creates a JSON file in Figma and preps screens for export. This would allow us to work primarily in Figma for collecting and annotating screens, and then adding them into the site would just take a few minutes.

Quite a bit of work. To kick things off very simple, maybe it's enough to create a static page with links to various Figma files, with each one having a cover image like in the design source files page.

Screenshot Figma files we already have:

• Phoenix
• Muun
• Breez
• Green
• Blixt
• Wallet of Satoshi (accessibility test)
• Blockstream Green (accessibility test)

There might be some more floating around.

[GBKS]

A couple of websites with similar functionality:

• Chamjo
• Mobbin

[GBKS]

This issue is now almost a year old. The idea has come up 2-3 times since then, but no one is interested in acting on it. I suggest we close the issue.