Tool
UX Hub: A Gallery for the Team's AI-Built Prototypes
Used inside Salesforce, so there is no public demo. The notes below explain how it works.
The problem
Designers on the team build more and more working prototypes by prompting AI tools, often called vibe coding. Each one lives on someone's laptop, in a repository or behind a one-off link, so good ideas get rebuilt from scratch because nobody knew they existed.
System architecture & prompting
UX Hub is an app inside Salesforce, so the team opens it where they already work and signs in with the account they already have.
- Gallery. Every project is a card with a thumbnail, its author and team, and a like count. A search box and filters by kind (screens, components, mobile, interaction) narrow it down.
- Upload. A short form asks for a title, a description, and links to the Figma file and the code.
- Data. Two record types sit behind it: projects, and likes. Each like is its own record linking a person to a project, so nobody can like the same project twice.
- Built with Claude Code. The first version was prompted into place in a day. The next day the screens were matched to the Figma design, using the standard Salesforce components and design tokens throughout.
Failure modes / edge cases
- Missing photos. Not everyone has a profile picture, so cards fall back to the author's initials.
- Big numbers. Like counts are shortened, so 1,400 reads as 1.4K and the card layout holds.
- Smaller screens. The gallery steps down from three columns to two, then one.
- Clean-up. Admins can edit or remove projects, so the gallery stays current as prototypes go stale.
It runs inside the company's Salesforce org, so there is no public demo and no screenshots.