<?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>DEV Community: Ryan Salem</title>
    <description>The latest articles on DEV Community by Ryan Salem (@ryan_s_a6358c259d764a).</description>
    <link>https://dev.to/ryan_s_a6358c259d764a</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3055649%2F04e98d11-4e5b-4195-badb-12d202cb7952.png</url>
      <title>DEV Community: Ryan Salem</title>
      <link>https://dev.to/ryan_s_a6358c259d764a</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ryan_s_a6358c259d764a"/>
    <language>en</language>
    <item>
      <title>AppTutorial</title>
      <dc:creator>Ryan Salem</dc:creator>
      <pubDate>Mon, 19 Oct 2026 04:57:48 +0000</pubDate>
      <link>https://dev.to/ryan_s_a6358c259d764a/apptutorial-2f0n</link>
      <guid>https://dev.to/ryan_s_a6358c259d764a/apptutorial-2f0n</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/hacktoberfest-week2-2026-10-12"&gt;Hacktoberfest Open-Source AI Challenge Week 2: Side Hustle&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;This app provides a "tutorial" for users using a complicated app or software to guide them through a set of instructions for their desired or picked from one of the preset instructions. Many people, including myself, have had trouble dissecting what an app does and figuring out how to navigate it. Although searching up your problem on the web could be a solution, it usually is inconvenient and lacks interactivity, unlike this app.&lt;/p&gt;

&lt;h1&gt;
  
  
  1. Prerequisite:
&lt;/h1&gt;

&lt;p&gt;install Ollama from ollama.com, then:&lt;br&gt;
ollama pull qwen2.5vl&lt;/p&gt;
&lt;h1&gt;
  
  
  2. Get the code
&lt;/h1&gt;

&lt;p&gt;git clone &lt;a href="https://github.com/codename-ryan/appTutorial.git" rel="noopener noreferrer"&gt;https://github.com/codename-ryan/appTutorial.git&lt;/a&gt;&lt;br&gt;
cd appTutorial&lt;/p&gt;
&lt;h1&gt;
  
  
  3. Install + run
&lt;/h1&gt;

&lt;p&gt;python -m venv .venv&lt;br&gt;
.venv\Scripts\Activate.ps1&lt;br&gt;
pip install -e .&lt;br&gt;
python -m apptutorial.app&lt;/p&gt;
&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

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

&lt;h2&gt;
  
  
  Code
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/codename-ryan" rel="noopener noreferrer"&gt;
        codename-ryan
      &lt;/a&gt; / &lt;a href="https://github.com/codename-ryan/appTutorial" rel="noopener noreferrer"&gt;
        appTutorial
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      Allows for users to use interactive and useful tutorials on confusing apps and softwares
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;appTutorial&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;An AI-powered, on-screen software tutor for &lt;strong&gt;Windows&lt;/strong&gt;, running on a &lt;strong&gt;local open-weight
vision model&lt;/strong&gt; (no cloud AI, no API key). Press a hotkey on a confusing app (Excel, an IDE, a
web app) and appTutorial captures the active window, identifies the app and your intent, and
walks you through tasks step by step — verifying each step against your live screen and
highlighting where to focus.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Status: v1 built (Excel is the deeply-tested app). See &lt;strong&gt;SPEC.md&lt;/strong&gt; for the full spec.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;How it works&lt;/h2&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Hotkey&lt;/strong&gt; (default &lt;code&gt;Ctrl+Shift+T&lt;/code&gt;) over the app you want help with.&lt;/li&gt;
&lt;li&gt;An &lt;strong&gt;open-weight vision model&lt;/strong&gt; (default: Qwen2.5-VL via local Ollama) identifies the app and
suggests tutorials; pick one or type your own goal.&lt;/li&gt;
&lt;li&gt;The model plans the steps; you get &lt;strong&gt;one step at a time&lt;/strong&gt; with a see-through &lt;strong&gt;highlight&lt;/strong&gt; on
exactly where to act.&lt;/li&gt;
&lt;li&gt;Each step is &lt;strong&gt;verified automatically&lt;/strong&gt;: deterministic local checks first (Excel…&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/codename-ryan/appTutorial" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;For this project, I used the Open-weight model Qwen2.5-VL to identify the app, plan the tutorial, and for the user's action identification. Ollama hosts the model and exposes an endpoint and then it applies JSON-schema-constrained decoding to get the structured output.&lt;/p&gt;

&lt;h2&gt;
  
  
  My Agent Session
&lt;/h2&gt;

&lt;p&gt;I consulted many of my friends and close acquaintances to try out and test the app. They provided overall positive reviews and a vow to use this app to facilitate their work.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>hf26challenge</category>
    </item>
  </channel>
</rss>
