Skip to content

cyanff/sumi-chan

Repository files navigation

☁️ Sumi-chan: Your Kawaiiii AI Summarization Assistant ☁️

sumi

The Cutest Way to Summarize Webpages!

Sumi-chan is the most kawaii AI summarization assistant you'll ever meet! ٩(๑>◡<๑)۶

With just a click of the extension icon, Sumi-chan will appear and summarize the page for you in the most adorable way possible!

Sumi-chan could even answer any question you throw her way after summarizing the page. And the best part? She'll change her expressions as you chat with her, making every interaction feel like a heartwarming conversation with your favorite anime character! (◡‿◡✿)

Features

sumi_demo

  • Instant Page Summarization: No more wasting time reading through walls of text! Sumi-chan will summarize any webpage at the click of a button, giving you the key points in a concise and easy-to-understand way.

  • Interactive Q&A: After summarizing the page, you can ask Sumi-chan any question related to the content, and she'll provide you with a detailed and informative response, all while maintaining her adorable persona.

  • Short-term memory: Sumi-chan has short-term memory loss >///< She has memory of the active chat window! But if you refresh the page, it'll wipe her memory!

  • Expressive Animations: Sumi-chan isn't just a disembodied text – she's an animated character with a wide range of expressions that will change based on the context of your conversation!

Installation

  1. Simply clone this github repo.
  2. Run npm i.
  3. Build the project! npm run build.
  4. In chrome, navigate to manage extension
  5. Enable developer mode.
  6. Click on load unpacked, select the dist/ directory in the repository you cloned.
  7. Right click the extension icon in the menu bar and select "Options".
  8. Enter your Anthropic API key (don't worry, Sumi-chan will keep it safe)!

Usage

  1. Go to any page you'd like to summarize and click on the extension's icon.
  2. Watch in awe as Sumi-chan appears, reads the page, and provides you with a concise summary!
  3. After the summary, you can start chatting with Sumi-chan and asking her questions. Prepare to be amazed by her knowledge and charmed by her adorable expressions!

Architecture and Technical Notes

  • Uses Chrome extension APIs, React for the frontend, and Anthropic API for backend processing.
  • Uses Event listeners for user interactions, with state management in React for UI responsiveness.
  • React State Management:
    • Short-term Memory: Stores and updates conversation history for coherent AI responses.
    • Context Injection: Sends combined current prompt and conversation history to AI for context-aware responses.
    • Sentiment System: Analyzes sentiment of user responses to adjust UI dynamically, reflecting the emotion of the response. image

Here's what the timeline looks like:

  • The user clicks on the extension

  • The background script event listener injects main.js into the current page

  • React is bootstraped, and the overlay is rendered

  • Everything is rendered inside of a contained Shadow DOM! So there won't be any Sumi-chan leakage! image

Support

If you encounter any issues or have questions about Sumi-chan, please don't hesitate to ask me on Discord!

License

Sumi-chan is released under the MIT License Feel free to use, modify, and distribute the code as you see fit.

Conclusion

Sumi-chan is more than just a summarization tool – she's a companion, a friend, and a source of endless kawaii joy! Install her today and experience the magic of having your very own AI anime girl assistant by your side. Trust us, once you've experienced Sumi-chan's charm, you'll never want to browse the web without her again! 🌸

Made with ❤️ by cyan and snavu @moecorp

sumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumisumi

May her glorious empire spans the vast galaxy, enduring until the very end. (✿^_^)

image

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published