Inspiration
The problem: Picture Sarah, a single mother of two, who's been trying to apply for child benefits through a government website. She's spent hours navigating through confusing menus and dead-end links, growing more and more frustrated, the vital support she needs just out of reach. Her experience is not unique; it's a daily reality for millions. Every day, countless users like Sarah leave government websites feeling frustrated and without the services they need because they can't find what they're looking for. This isn't just an inconvenience; it's a barrier to essential services. Imagine a world where every citizen's interaction with government websites is streamlined, efficient, and frustration-free.
The solution: UXcelerate! (mobile+desktop) Plug-in tool that seamlessly integrates with existing websites to revolutionize the user experience; bridging the gap between user + service/product through smooth UX. We harnesses Claude’s long context window + its strength with structured data to analyse the XML structure of a website and suggest optimisations.
What it does
UXcelerate is a browser extension. When switched on, it analyses the structure of the current webpage, and provides suggestions specifically for: things to add, visual changes, text/content changes to help the user meet their goal (e.g. obtain a service from a government website).
Behind the scenes, our tool relies on frontier prompt engineering to allow Claude to understand the users' goals, analyse the current appearance of the website and rely on Claude's general knowledge to make cool suggestions for improvement.
How we built it
UXcelerate is built on top of different components. At its heart is a Python backend that uses Langchain to harness the capabilities of Claude 2. For the frontend, we have chosen React to build a seamless Chrome extension interface. Finally, our prompts, meticulously crafted, are key to delivering precise and relevant assistance, enhancing the overall user experience.
Challenges we ran into
Chrome Context API
Accomplishments that we're proud of
1) First of all, we think our idea is pretty novel and leverages the strengths of Claude in particular. 2) We managed to build a process that runs more than one Claude prompt in parallel and later combines the outputs into one manageable bullet-point list. This helped us reduce complexity for Claude, separate concerns, minimise API calls/costs, reduce execution time.
What we learned
Separating concerns when asking Claude for assistance / inspiration. Better prompt engineering 😎
What's next for UXcelerate
In future versions, UXcelerate will output code for users for streamlined webpage updating. Additional possible functionalities include: personalized packages for clients featuring fine-tuned models, a design assistant chatbot for live ideation, and optimization of multiple webpages for smooth user journeys.
Log in or sign up for Devpost to join the conversation.