A curated list of useful tools for web-focused design engineers by James Warner, from inspiration galleries to AI coding agents and utilities.
AIInspirationTools+1
designengineer.tools
Visitopens in a new tab
Wakemark
wakemark.app
An X/Twitter bookmark manager that auto-tags saves, emails scheduled AI digests, and connects to Cursor and Claude through MCP.
What is Wakemark?
WakeMark turns a neglected X bookmarks pile into an organized library: saves are auto-tagged and auto-synced, summarized into an AI digest that arrives on your schedule, and searchable through an AI chat. An MCP server exposes the same bookmarks to tools like Cursor and Claude, so you can query them mid-work. X is supported today with more platforms planned, and the product launches with a seven-day free trial.
Best for
- Taming a large X bookmarks backlog
- Scheduled AI digests of saved tweets
- Using bookmarks inside Cursor or Claude
Key features
- Auto-tagging and auto-sync of bookmarks
- AI digest emails on your schedule
- Chat with your saved tweets
- MCP integration for Cursor and Claude
Related resources
A comparison site ranking 104 design tools by role and capability, with scores, pricing context and copyable agent instructions.
AIToolsFigma+1
designtools.fyi
Visitopens in a new tab
Home of five free React UI effect libraries — Beam, Orb, Gooey, Metal and Image — built to be installed and wired up by coding agents.
ReactAnimationAI+3
libraries.dev