<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Saga</title>
    <description>The latest articles on Forem by Saga (@sagacheng).</description>
    <link>https://forem.com/sagacheng</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1579196%2F923ecb4b-0b7e-4785-858f-c670ae27f2a8.png</url>
      <title>Forem: Saga</title>
      <link>https://forem.com/sagacheng</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/sagacheng"/>
    <language>en</language>
    <item>
      <title>An open-source project that enables zero-cost replication of the $200/month pro version of ChatGPT for deep research.</title>
      <dc:creator>Saga</dc:creator>
      <pubDate>Fri, 14 Feb 2025 08:34:37 +0000</pubDate>
      <link>https://forem.com/sagacheng/an-open-source-project-that-enables-zero-cost-replication-of-the-200month-pro-version-of-chatgpt-2pi</link>
      <guid>https://forem.com/sagacheng/an-open-source-project-that-enables-zero-cost-replication-of-the-200month-pro-version-of-chatgpt-2pi</guid>
      <description>&lt;p&gt;Recently, a trending project called "deep-research" on GitHub has replicated ChatGPT's new Deep Research feature. In theory, it can integrate with any large AI model and combine with internet search services, enabling the AI to autonomously search for information, delve deeper into a topic, and generate a research report. However, it’s currently limited to terminal use, which raises the barrier to entry. Is there a more user-friendly alternative?&lt;/p&gt;

&lt;p&gt;There's a pure front-end webpage that visually displays the entire search process and responds very quickly. You can ask it any questions you're curious about—for instance, if you've heard rumors about GPT-4.5 and GPT-5, you can have it search the web for relevant information and then summarize a report for you.&lt;/p&gt;

&lt;p&gt;The repository URL is: &lt;a href="https://github.com/AnotiaWang/deep-research-web-ui" rel="noopener noreferrer"&gt;https://github.com/AnotiaWang/deep-research-web-ui&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3xl0acsumvublntp4s3q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3xl0acsumvublntp4s3q.png" alt="Image description" width="800" height="491"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/8coaPvz88js"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;The usage is straightforward—simply configure these two services on the webpage:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;API key for the large model service&lt;/strong&gt;, currently supporting OpenAI-compatible services like OpenRouter, DeepSeek, etc.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;API key for the web search service&lt;/strong&gt;, currently supporting Tavily, which allows 1,000 free searches per month. Just generate an API key at &lt;a href="https://app.tavily.com/home" rel="noopener noreferrer"&gt;https://app.tavily.com/home&lt;/a&gt;.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The entire process is completed locally in your browser, ensuring data security.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>openai</category>
    </item>
    <item>
      <title>Free DeepSeek playground: build a small app</title>
      <dc:creator>Saga</dc:creator>
      <pubDate>Wed, 08 Jan 2025 12:42:55 +0000</pubDate>
      <link>https://forem.com/sagacheng/free-deepseek-playground-build-a-small-app-5hif</link>
      <guid>https://forem.com/sagacheng/free-deepseek-playground-build-a-small-app-5hif</guid>
      <description>&lt;p&gt;&lt;a href="https://deepseek.edgeone.app/" rel="noopener noreferrer"&gt;https://deepseek.edgeone.app/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Free Developer Resources Mind Map | Tools, Services, and Platforms</title>
      <dc:creator>Saga</dc:creator>
      <pubDate>Tue, 08 Oct 2024 07:03:49 +0000</pubDate>
      <link>https://forem.com/sagacheng/free-developer-resources-mind-map-tools-services-and-platforms-3872</link>
      <guid>https://forem.com/sagacheng/free-developer-resources-mind-map-tools-services-and-platforms-3872</guid>
      <description>&lt;p&gt;Live Demo: &lt;a href="https://free-for-dev.edgeone.app" rel="noopener noreferrer"&gt;https://free-for-dev.edgeone.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq7n097zqfvk2896w9czy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq7n097zqfvk2896w9czy.png" alt="Image description" width="800" height="424"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This developer free resources mind map project is derived from the GitHub project: &lt;a href="https://github.com/ripienaar/free-for-dev" rel="noopener noreferrer"&gt;https://github.com/ripienaar/free-for-dev&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This project showcases a large number of free cloud services, including SaaS, PaaS, IaaS, etc., making it easy for businesses and independent developers to quickly launch their products at low or even no cost.&lt;/p&gt;

</description>
      <category>devops</category>
      <category>cloud</category>
      <category>frontend</category>
    </item>
    <item>
      <title>You can now use Chrome's native AI in the official version of Chrome.</title>
      <dc:creator>Saga</dc:creator>
      <pubDate>Thu, 26 Sep 2024 12:15:43 +0000</pubDate>
      <link>https://forem.com/sagacheng/you-can-now-use-chromes-native-ai-in-the-official-version-of-chrome-4nai</link>
      <guid>https://forem.com/sagacheng/you-can-now-use-chromes-native-ai-in-the-official-version-of-chrome-4nai</guid>
      <description>&lt;p&gt;Live Demo: &lt;a href="https://chrome-ai.edgeone.app/" rel="noopener noreferrer"&gt;https://chrome-ai.edgeone.app&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Chrome built-in AI initially required filling out an application form and could only be experienced in the developer version of Chrome. Now, users can enable this feature in the official version with just a few simple steps.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmk64tjca4lel6khkgsqu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmk64tjca4lel6khkgsqu.png" alt="Image description" width="800" height="620"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;After completing the configuration according to the instructions on the webpage, you can access the debug page. Here, you can quickly modify the code and experience the powerful capabilities of local AI.&lt;/p&gt;

&lt;p&gt;Note: The Chrome API is still in draft stage and may undergo significant changes. This webpage is developed based on Chrome version 129 and is not compatible with the API of version 128.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why is there Chrome Local AI?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;In the past, when using AI applications, we usually relied on server-side solutions, raising privacy concerns for some users.&lt;/li&gt;
&lt;li&gt;Some developers have tried to migrate AI models into the browser, but the model size is typically around a thousand times that of the median webpage size. Since these models are not shared before the website loads, accessing different webpages requires re-downloading these models, which is a resource-intensive solution for users.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Therefore, Chrome integrates Gemini Nano in the browser and exposes standard Web platform APIs, aiming to run on most desktops and laptops. With Chrome's built-in AI capabilities, your website can quickly execute AI-driven tasks without the need to deploy or manage your own AI models.&lt;/p&gt;

&lt;p&gt;Currently, users can directly call large models locally in a privacy-safe mode on the webpage, performing functions such as Q&amp;amp;A and translation.&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Benefits of Built-in AI for Web Developers?&lt;/strong&gt;
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Simple Deployment: The browser automatically distributes the models, considering the device's capabilities and managing model updates. This means you are not responsible for downloading or updating large models over the network, nor do you have to worry about storage releases, runtime memory limitations, service costs, and other issues.&lt;/li&gt;
&lt;li&gt;Access to Hardware Acceleration: The browser's AI runtime is optimized to make full use of available hardware resources, whether it’s GPU, NPU, or falling back to CPU. As a result, your application can achieve optimal performance on every device.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Benefits of Running AI on Device?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Local Processing of Sensitive Data: AI on devices can enhance your privacy protection. For instance, if you deal with sensitive data, you can offer AI features with end-to-end encryption to users.&lt;/li&gt;
&lt;li&gt;Responsive User Experience: In some cases, eliminating the round-trip to the server means providing almost instantaneous results. AI on devices can be the key differentiator between usable features and suboptimal user experiences.&lt;/li&gt;
&lt;li&gt;Broader Access to AI: Users’ devices can share part of the processing load in exchange for more features. For example, if you offer advanced AI functionalities, you can preview these features through on-device AI, letting potential customers understand the advantages of your product without increasing your costs. This hybrid approach can also help you manage inference costs, especially in frequently used user flows.&lt;/li&gt;
&lt;li&gt;Offline AI Usage: Your users can access AI features even without an internet connection. This means your website and web applications can function normally in offline or unstable network conditions.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  &lt;strong&gt;Browser Architecture and APIs&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;The built-in AI capabilities are primarily accessed via the Task API. The Task API is designed to run inference with the best assigned model.&lt;/p&gt;

&lt;p&gt;In Chrome, these APIs aim to run inference for Gemini Nano through fine-tuning or expert models. Gemini Nano is designed to run locally on most modern devices and is best suited for language-related use cases such as summarization, rewriting, or classification.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Key Term:&lt;/strong&gt; &lt;em&gt;Fine-tuning&lt;/em&gt; is a dynamic approach to enhance a model's ability to perform specific tasks without the need to download a new model for each task.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Prompt API&lt;/strong&gt;: Send any task expressed in natural language to the built-in large language model (Gemini Nano in Chrome).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fine-tuning (LoRA) API&lt;/strong&gt;: Adjust the model's weights using low-rank adaptive fine-tuning to improve the performance of the built-in LLM on the task.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnwbudmvcfs6923kerc8r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnwbudmvcfs6923kerc8r.png" alt="Image description" width="800" height="510"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  What capabilities can be provided to users?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;AI-enhanced content consumption: including summaries, translations, answering content-related questions, classification, and feature analysis.&lt;/li&gt;
&lt;li&gt;AI-supported content creation: including writing assistance, proofreading, grammar correction, and rewriting.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Summary API:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Meeting notes summary for users who joined the meeting late or completely missed it.&lt;/li&gt;
&lt;li&gt;Key points in customer relationship management support dialogues.&lt;/li&gt;
&lt;li&gt;Sentence or paragraph-sized summaries of multiple product reviews.&lt;/li&gt;
&lt;li&gt;Key points of long articles to help readers determine if the article is relevant.&lt;/li&gt;
&lt;li&gt;Summarizing questions in forums to help experts find the most relevant questions in their field of expertise.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Writing and rewriting API:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Writing based on initial ideas and optional background. For example, writing a formal email to a bank requesting a credit limit increase, with the background being that you are a long-term customer.&lt;/li&gt;
&lt;li&gt;Optimizing existing content by adjusting the length or tone of the text. For example, rewriting a short email to make it sound more polite and formal.&lt;/li&gt;
&lt;/ul&gt;

</description>
    </item>
    <item>
      <title>Integrate nearly real-time free multi-language translation in the application, based on Chrome AI API</title>
      <dc:creator>Saga</dc:creator>
      <pubDate>Tue, 11 Jun 2024 07:26:51 +0000</pubDate>
      <link>https://forem.com/sagacheng/integrate-nearly-real-time-free-multi-language-translation-in-the-application-based-on-chrome-ai-api-2d5m</link>
      <guid>https://forem.com/sagacheng/integrate-nearly-real-time-free-multi-language-translation-in-the-application-based-on-chrome-ai-api-2d5m</guid>
      <description>&lt;p&gt;Chrome has integrated AI capabilities in the latest version of Chrome Dev (version 127.0.6512.0 and above), provided in the form of experimental flags.&lt;/p&gt;

&lt;p&gt;Download the latest Chrome Dev: &lt;a href="https://www.google.com/intl/en_us/chrome/dev/"&gt;https://www.google.com/intl/en_us/chrome/dev/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Chrome Dev Configuration
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Verify that the Chrome Dev version is higher than 127.0.6512.0&lt;/li&gt;
&lt;li&gt;In the URL input: &lt;code&gt;chrome://flags/#optimization-guide-on-device-model&lt;/code&gt;, choose &lt;code&gt;Enabled BypassPerfRequirement&lt;/code&gt; to allow the model to download smoothly.&lt;/li&gt;
&lt;li&gt;In the URL input: &lt;code&gt;chrome://flags/#prompt-api-for-gemini-nano&lt;/code&gt;, select &lt;code&gt;Enabled&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Wait for the model to finish downloading. You can check whether the download is complete at &lt;code&gt;chrome://components/&lt;/code&gt;. If it does not start downloading automatically, you can click &lt;code&gt;Check for update&lt;/code&gt; to force the download, which will need to download about 1GB of content. When you see Version: 2024.65.2205, it means it can be used. Restart Chrome Dev.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqel9qnthytbizn0g4u2u.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqel9qnthytbizn0g4u2u.png" alt="Chrome Dev Configuration" width="800" height="677"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  API Capability Testing
&lt;/h2&gt;

&lt;p&gt;Open the command line with &lt;code&gt;cmd + option + I&lt;/code&gt;, enter &lt;code&gt;await window.ai.canCreateTextSession();&lt;/code&gt;, when you see "readily" it means it can be used.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv88it03gga5sw9sebkz9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv88it03gga5sw9sebkz9.png" alt="Check the model loading situation" width="800" height="237"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Case 1: Rewriting the tone of the text
&lt;/h3&gt;

&lt;p&gt;We can see that with just two lines of code, we can solve the text expression problem that troubles many people, and it can be done with extremely fast speed and excellent privacy.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F43s9zob6zj7o0mdm6jhn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F43s9zob6zj7o0mdm6jhn.png" alt="Rewriting the tone of the text" width="800" height="127"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Case Study 2: Text Translation
&lt;/h3&gt;

&lt;p&gt;Complete text translation in a fast and free way, making multi-language display of any application more convenient.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwzo3szvcnni8li9hvrwq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwzo3szvcnni8li9hvrwq.png" alt="Text Translation" width="800" height="125"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Integration within the application
&lt;/h2&gt;

&lt;p&gt;Our app &lt;a href="https://timmerse.com/"&gt;https://timmerse.com&lt;/a&gt; is a customizable 3D immersive world, suitable for work and entertainment. Create a space to achieve immersive connections between people. Combining video calls and custom 3D worlds, integrating AI NPC, makes gatherings in work and life more creative and enjoyable.&lt;/p&gt;

&lt;p&gt;When playing videos in the OpenDay scene, we can easily translate and display the original English subtitles into bilingual subtitles in real time according to the user's Chrome language preference.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjvul2ctrbdhpxxf8e5kb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjvul2ctrbdhpxxf8e5kb.png" alt="timmerse.com screenshot" width="800" height="516"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Of course, the llm model is not just for translation. With the wide spread of various end-side models and multimodal, it will definitely change the way people interact with devices in various ways, improving the efficiency of life and work.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>chrome</category>
      <category>ai</category>
    </item>
  </channel>
</rss>
