ShortcutDeck

Inspiration

I have noticed that most power users — designers, writers, devs, and operators — rely heavily on keyboard shortcuts to work faster. Yet, most apps hide them in clunky docs or outdated PDFs. I wanted to build a visually delightful, instantly accessible shortcut explorer for every tool in your stack — something you’d actually enjoy using and sharing.

What it does

ShortcutDeck is a web app that lets you search and explore categorized keyboard shortcuts for 30+ popular SaaS tools like Notion, Figma, Linear, Slack, VS Code, and more. Each tool has: Categorized shortcuts with emoji tags (e.g., ✍️ Editing, 🧭 Navigation) Beautiful cards for each group. A search bar to find tools fast.

How we built it

I used Bolt.new to quickly scaffold the entire web app with: A searchable UI and layout. Custom shortcut data structured by category. A soft, beige aesthetic with bold rounded typography and blue pill-shaped CTA buttons. Smooth transitions and responsive design for mobile + desktop. All done in a single prompt with light tweaks for UI polish and data structure.

Challenges we ran into

Organizing shortcuts into intuitive categories across wildly different tools. Keeping the design visually consistent with dozens of shortcut cards. Making the UX clean and fast without overwhelming users with too much information.

Accomplishments that we're proud of

Created a useful, beautiful utility that helps power users do real work faster. Designed a one-screen experience that is simple and elegant. Pulled off a cohesive UX for 30+ apps with minimal config.

What we learned

With the right constraints, useful tools don’t need complex backends. A playful UI can make even “boring” info (like shortcuts) feel engaging. Categorization and micro-copy (like emojis) dramatically improve skimmability.

What's next for ShortcutDeck

✅ Add “Copy all shortcuts” and “Favorite this app” features. 🔜 Add a dark mode toggle. 🔜 Let users submit or upvote missing tools. 🔜 Add keyboard navigation (meta, I know 😄). 🔜 Bundle downloadable PDFs for offline access.

Built With

• react
• tailwind