<?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: Srujana Maddula</title>
    <description>The latest articles on DEV Community by Srujana Maddula (@srujana_maddula_0d5657ea2).</description>
    <link>https://dev.to/srujana_maddula_0d5657ea2</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%2F3503206%2F073e45fe-3b0a-42b0-8a2b-3226ecfba9db.jpg</url>
      <title>DEV Community: Srujana Maddula</title>
      <link>https://dev.to/srujana_maddula_0d5657ea2</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/srujana_maddula_0d5657ea2"/>
    <language>en</language>
    <item>
      <title>Using Amp (AI) For Static Code Analysis</title>
      <dc:creator>Srujana Maddula</dc:creator>
      <pubDate>Thu, 20 Nov 2025 14:41:18 +0000</pubDate>
      <link>https://dev.to/srujana_maddula_0d5657ea2/using-amp-ai-for-static-code-analysis-1157</link>
      <guid>https://dev.to/srujana_maddula_0d5657ea2/using-amp-ai-for-static-code-analysis-1157</guid>
      <description>&lt;p&gt;AI-powered software tools have completely changed how we write code. Most developers today use at least one AI coding tool, and many swear by their favorite. But after trying several—Cursor, Copilot, and now Amp—I’ve learned that not all tools perform the same. &lt;/p&gt;

&lt;p&gt;In this article, I’ll share my experience with Amp for static code analysis, explain why it stands out, and walk you through how to use it step by step.&lt;/p&gt;

&lt;h2&gt;
  
  
  What issues does static code analysis detect?
&lt;/h2&gt;

&lt;p&gt;Static code analysis focuses on identifying code quality issues and security vulnerabilities. Here are some common ones it catches:&lt;/p&gt;

&lt;h3&gt;
  
  
  Code duplication
&lt;/h3&gt;

&lt;p&gt;Copy-pasted code is a maintenance nightmare. If a bug or necessary update is discovered in one instance, developers must track down and fix every occurrence. Static analysis helps flag these and convert them into reusable functions.&lt;/p&gt;

&lt;h3&gt;
  
  
  SQL injection
&lt;/h3&gt;

&lt;p&gt;SQL injection happens when a program inserts user input directly into an SQL query without proper validation or parameterization. &lt;/p&gt;

&lt;p&gt;Attackers can then alter the query and access or modify sensitive data. Static code analysis identifies such common patterns and offers potential fixes.&lt;/p&gt;

&lt;h3&gt;
  
  
  Styling issues
&lt;/h3&gt;

&lt;p&gt;Static code analysis can identify inconsistent indentation, weird naming, and mixed styles that make the code harder to read and maintain.&lt;/p&gt;

&lt;h3&gt;
  
  
  Performance optimizations
&lt;/h3&gt;

&lt;p&gt;Static code analysis tools can detect inefficient or redundant logic that slows down execution, such as unnecessary loops, memory leaks, inefficient data structures or algorithms, and unoptimized recursive calls.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Use Amp for static code analysis?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Unconstrained token usage:&lt;/strong&gt; Unlike many AI tools, Amp doesn’t limit the number of tokens per task. It automatically selects the best model for the task, delivering high-quality code without running into context limits.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Collaboration:&lt;/strong&gt; There’s a share button that lets you share the Amp threads with your colleagues. You can also create a workspace and add your teammates. All workspace threads are visible to members by default, but you can adjust permissions to control access.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Flexible setup:&lt;/strong&gt; Amp offers both an IDE extension and a CLI tool. If you prefer working with commands, you can run Amp directly from your terminal. It’s VS Code extension also feels natural in the IDE setup.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Integration compatibility:&lt;/strong&gt; In addition to native IDE integration, the &lt;a href="https://ampcode.com/manual/sdk" rel="noopener noreferrer"&gt;Amp SDK lets you stream inputs and outputs&lt;/a&gt; between your custom applications and Amp. That means you can use it to programmatically build AI workflows and integrate Amp into your custom development tools.&lt;/p&gt;

&lt;h2&gt;
  
  
  Different ways Amp can perform static code analysis
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Amp in IDE
&lt;/h3&gt;

&lt;p&gt;Amp provides native extensions for VS Code, JetBrains, Cursor, and other popular IDEs. Once installed, it appears as a chat window inside your IDE, where you can ask questions, assign tasks, switch between different Amp modes, and get intelligent code assistance.&lt;/p&gt;

&lt;p&gt;Amp continuously runs in the background, analyzing your code and identifying quality issues in real-time. You can open the Amp chat window in your preferred IDE and ask it to analyze specific code sections for security vulnerabilities or check files for code quality issues. &lt;/p&gt;

&lt;p&gt;Over time, Amp learns from your codebase and developer patterns and provides more accurate, context-aware solutions.&lt;/p&gt;

&lt;h3&gt;
  
  
  Amp as CLI
&lt;/h3&gt;

&lt;p&gt;Amp is also available as a command-line interface. You can install it using a curl command directly from your terminal and interact with it through simple prompts. &lt;br&gt;
Its interactive mode lets you chat with Amp in your terminal, while the &lt;code&gt;-x&lt;/code&gt; command activates execute mode, where Amp internally performs tasks step by step and displays the final output.&lt;/p&gt;

&lt;p&gt;When you navigate to your project directory, Amp reads the code context and relevant files from the terminal. However, unlike the IDE version, the Amp CLI doesn’t automatically run in the background. You need to explicitly prompt it to perform static code analysis when required.&lt;/p&gt;

&lt;h3&gt;
  
  
  Amp in CI/CD
&lt;/h3&gt;

&lt;p&gt;You can integrate Amp into your CI/CD pipeline to perform code quality checks automatically with every push. For example, in GitHub Actions, create a yaml file inside &lt;code&gt;.github/workflows/file_name.yml&lt;/code&gt;and add instructions to run Amp after each commit or push.&lt;/p&gt;

&lt;p&gt;You can also include SARIF files so that Amp’s suggestions appear directly in the Security tab and inline within pull requests on GitHub.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to use Amp for static code analysis?
&lt;/h2&gt;

&lt;p&gt;The easiest way to use Amp is through VS Code, and that’s what most developers prefer. Once installed, you can start scanning and fixing code directly inside your IDE.&lt;/p&gt;

&lt;p&gt;To get Amp installed and running on your VS Code, follow this guide.&lt;/p&gt;

&lt;p&gt;After the setup, you’ll see the Amp chat interface appear on the left sidebar of your IDE.&lt;/p&gt;

&lt;p&gt;Open any file you want to analyze. I started with a Python file named &lt;code&gt;retriever.py&lt;/code&gt; and prompted, “Scan this file for code quality issues.”&lt;/p&gt;

&lt;p&gt;Amp quickly highlighted the line numbers with exact issues and categorized them into high, medium, and low priorities. For example, syntax errors and network failures appeared under high priority since the code doesn’t run with these issues. Similarly, less severe problems were placed under the medium and low priority categories.&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%2Fgc07s1fgcnlqnzqc156t.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%2Fgc07s1fgcnlqnzqc156t.png" alt="Amp code for static code analysis" width="800" height="499"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Next, I asked it to find possible bugs in the file. Amp detected missing error handling cases, empty list possibilities, unused parameters, and more.&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%2F93ypw2rqpilh00v04c9g.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%2F93ypw2rqpilh00v04c9g.png" alt="AI for static code analysis" width="800" height="487"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I also had a SQL script in the same repository, so I asked Amp to check for SQL injection vulnerabilities. Since the code was secure, it confirmed there were none.&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%2F02xs11e1jzwcuexdy5ao.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%2F02xs11e1jzwcuexdy5ao.png" alt="static code analysis using Amp" width="800" height="516"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Not only can Amp identify static code issues, but you can also prompt it to fix them automatically. The tool applies the fixes directly in your IDE and updates the code once you accept its suggestions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Using Amp for static code analysis brings powerful security checks and real-time assistance to your development workflow in today’s AI-driven world. By catching code quality issues and security vulnerabilities right inside the IDE, Amp helps you maintain best coding practices and minimize issues in later stages of the development lifecycle.&lt;/p&gt;

&lt;p&gt;As AI continues to reshape software development, organizations that combine AI productivity with robust coding practices will have a significant competitive advantage. Start using &lt;a href="https://ampcode.com/" rel="noopener noreferrer"&gt;Amp&lt;/a&gt; in your coding workflow today to build more quality and secure software.&lt;/p&gt;

</description>
      <category>tooling</category>
      <category>security</category>
      <category>ai</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Generate Docs with Amp Code</title>
      <dc:creator>Srujana Maddula</dc:creator>
      <pubDate>Fri, 03 Oct 2025 13:26:01 +0000</pubDate>
      <link>https://dev.to/srujana_maddula_0d5657ea2/generate-docs-with-amp-code-4im6</link>
      <guid>https://dev.to/srujana_maddula_0d5657ea2/generate-docs-with-amp-code-4im6</guid>
      <description>&lt;p&gt;When you have a quick, one-off task, you don’t need to start a whole chat thread. Instead, you can run Amp CLI commands directly. Ask once, get your result, and you’re done. For example, let’s look at how to use the &lt;code&gt;-x&lt;/code&gt; command to generate project documentation.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Amp CLI?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://ampcode.com/manual#cli" rel="noopener noreferrer"&gt;Amp CLI&lt;/a&gt; is an interactive console. It’s how you chat with a chatbot but in a terminal interface. When you start a session, Amp listens to your commands, returns results, and keeps track of the conversation context for follow-up questions.&lt;/p&gt;

&lt;p&gt;It’s like opening a chat window right in your terminal. Since Amp keeps the thread alive, you build on top of prior answers.&lt;/p&gt;

&lt;p&gt;Sometimes you don’t need a full chatbot thread; you just want to run a single command, get the result, and immediately close the session. For this, we have the &lt;code&gt;--execute&lt;/code&gt; command.&lt;/p&gt;

&lt;h3&gt;
  
  
  Amp &lt;code&gt;--execute&lt;/code&gt; command
&lt;/h3&gt;

&lt;p&gt;Once you’re logged in to Amp through your terminal, you can run:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;amp -x "your prompt"&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;In this mode, Amp processes your prompt once, performs the task, and immediately closes the session.&lt;/p&gt;

&lt;h2&gt;
  
  
  Using Amp to generate project documentation
&lt;/h2&gt;

&lt;p&gt;Let’s ask Amp to create documentation. &lt;/p&gt;

&lt;p&gt;Inside the project repo, run the following prompt:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;amp -x "create a README.md with installation and usage instructions"&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Now, run &lt;code&gt;cat readme.md&lt;/code&gt;. It opens a README.md file as follows:&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%2Fumtqg5zgkadpdkza959d.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%2Fumtqg5zgkadpdkza959d.png" alt="terminal command" width="800" height="529"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can also create release notes using Amp code. You can either prompt directly as shown above, or create a bootstrap/text file with detailed instructions and execute it using the &lt;code&gt;-x&lt;/code&gt; command.&lt;/p&gt;

&lt;p&gt;Since you already know how to prompt directly, I’ll show you the bootstrap method.&lt;/p&gt;

&lt;p&gt;First, save the following instructions in a text file. I’ll save it as &lt;code&gt;release-notes.prompt.txt&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Task: Create RELEASE_NOTES.md for non-technical readers.

Source: Summarize the following changelog content.

Include:
- What’s new in plain English.
- Impact, risks, rollback summary.
- Upgrade checklist.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now run the below command:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;amp -x "$(cat release-notes.prompt.txt)" &amp;gt; RELEASE_NOTES.md&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;As instructed in the text file, this generates a RELEASE_NOTES.md file and populates it with the latest release changes using the changelog.&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%2Fdnlr7xvo6ebu0f82bdkl.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%2Fdnlr7xvo6ebu0f82bdkl.png" alt="Amp generated docs" width="800" height="505"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;When you have a set of pre-defined tasks or you have a one-time task, you can easily execute them using the &lt;code&gt;-x&lt;/code&gt; command. You can also integrate &lt;code&gt;-x&lt;/code&gt; commands into Git hooks or CI/CD pipelines so that it performs the set instructions on every commit, tag, or release. &lt;/p&gt;

&lt;p&gt;For example, you could set up a script to check for security issues, wrap it in a &lt;code&gt;-x&lt;/code&gt; command, and automate it to run with every build.&lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>cli</category>
      <category>ai</category>
      <category>tooling</category>
    </item>
    <item>
      <title>Automate Pull Requests with Amp</title>
      <dc:creator>Srujana Maddula</dc:creator>
      <pubDate>Wed, 01 Oct 2025 12:32:17 +0000</pubDate>
      <link>https://dev.to/srujana_maddula_0d5657ea2/automate-pull-requests-with-amp-1og4</link>
      <guid>https://dev.to/srujana_maddula_0d5657ea2/automate-pull-requests-with-amp-1og4</guid>
      <description>&lt;p&gt;GitHub version control tasks are something that developers mostly automate with AI today, simply because they are repetitive and common. One of the most common tasks is creating a pull request. Usually, every time you push a change to the remote repo, you need to go into the GitHub web interface and manually create a PR.&lt;/p&gt;

&lt;p&gt;Or you can do it in commands using GitHub CLI (gh). But with Amp Code, you don’t need to run those commands or open the GitHub UI. You just tell Amp to do that for you.&lt;/p&gt;

&lt;h2&gt;
  
  
  Set up GitHub CLI
&lt;/h2&gt;

&lt;p&gt;Amp uses GitHub CLI to seamlessly interact with your GitHub repositories, so it needs to be installed and authenticated on your system.&lt;/p&gt;

&lt;p&gt;First, install GitHub CLI (gh) with the command below:&lt;br&gt;
brew install gh&lt;/p&gt;

&lt;p&gt;Next, run the below command and authenticate with your GitHub credentials:&lt;br&gt;
gh auth login&lt;/p&gt;

&lt;p&gt;Once the “gh” setup is complete, you can start using Amp to create and manage pull requests. Let’s see how to do that step by step.&lt;/p&gt;

&lt;h2&gt;
  
  
  Creating a Pull Request with Amp
&lt;/h2&gt;

&lt;p&gt;Normally, you’d either:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Jump into the GitHub web interface to create a PR, or&lt;/li&gt;
&lt;li&gt;Run a few gh commands from the terminal.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;With Amp Code, you skip all that. You just tell Amp what you want. It automatically handles everything: creating a descriptive commit message, committing changes, and opening the PR.&lt;/p&gt;

&lt;p&gt;For example, in a Streamlit project, I prompt:&lt;/p&gt;

&lt;p&gt;&lt;em&gt;“Review all the changes and create a descriptive commit message, then commit all staged and unstaged changes, then use gh to create a pull request.”&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Amp then creates a TO-DO checklist, runs each step in order, and asks for approval along the way. First, it creates the commit message and commit commands and asks for approval.&lt;/p&gt;

&lt;p&gt;We can either click “Always Run” or “Run”. “Always Run” means for similar actions, here creating a commit, Amp runs automatically from next time without your approval. “Run” option means Amp runs the commit command for this task.&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%2Feow4et6toiztg4aezyiy.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%2Feow4et6toiztg4aezyiy.png" alt="Approval to run" width="800" height="509"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Next, it asks for approval for the push command. And we can choose between “Always Run” and “Run” to push the changes.&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%2Fh0ko97t2l7zqnmwrl417.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%2Fh0ko97t2l7zqnmwrl417.png" alt="Approval to push the changes" width="800" height="569"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Finally, Amp asks for approval to run the PR commands, creates the PR, and outputs the success message with the link to the PR.&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%2F3v60a1o6ijfcs1mvigtj.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%2F3v60a1o6ijfcs1mvigtj.png" alt="Creates PR" width="800" height="504"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When you click that link, it takes you to the created PR on GitHub.com.&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%2F0xipdd5mel82j5uij8ik.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%2F0xipdd5mel82j5uij8ik.png" alt="GitHub PR" width="800" height="468"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We can see that Amp doesn’t just create PRs. It handles the whole flow: Reviewing changes, writing a commit message, committing staged and unstaged files, and creating the PR, all from a single prompt. &lt;/p&gt;

</description>
    </item>
    <item>
      <title>How to Add New Features with Screenshots in Amp</title>
      <dc:creator>Srujana Maddula</dc:creator>
      <pubDate>Mon, 15 Sep 2025 10:38:47 +0000</pubDate>
      <link>https://dev.to/srujana_maddula_0d5657ea2/how-to-add-new-features-with-screenshots-in-amp-371l</link>
      <guid>https://dev.to/srujana_maddula_0d5657ea2/how-to-add-new-features-with-screenshots-in-amp-371l</guid>
      <description>&lt;p&gt;Explaining code changes with long text prompts can be frustrating. Amp makes it easier: instead of typing out every detail, you can just take a screenshot of the feature you want to edit. Amp reads the screenshot, understands your instruction, and updates the codebase for you.&lt;/p&gt;

&lt;h2&gt;
  
  
  Example: Changing a button color in Streamlit
&lt;/h2&gt;

&lt;p&gt;Let’s walk through a quick example so you can see how this works in practice.&lt;/p&gt;

&lt;p&gt;In my Streamlit app, I have a simple “&lt;strong&gt;Click Me&lt;/strong&gt;” button. I want to change its color to green. &lt;/p&gt;

&lt;p&gt;To do that, I take a screenshot of the button and add a simple instruction (Make this button green) directly on the screenshot, as shown in the below image:&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%2Fwoaxa97wpf72n3gjkzsk.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%2Fwoaxa97wpf72n3gjkzsk.png" alt="Amp screenshot with prompt" width="800" height="500"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now, I attach the above screenshot to the Amp thread and add this simple prompt: “Read the screenshot and take action.”&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%2Fkncje0g6oeevwtd3y5az.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%2Fkncje0g6oeevwtd3y5az.png" alt="Amp chat pane" width="800" height="461"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That’s it. Amp automatically modified my code and updated the button color to green, as shown below:&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%2Fvu0efndwl4tirasy2f2w.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%2Fvu0efndwl4tirasy2f2w.png" alt="Amp added the new functionality to codebase" width="800" height="452"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Final Thought
&lt;/h2&gt;

&lt;p&gt;Using screenshots with Amp is faster, clearer, and less error-prone than writing lengthy instructions. It’s perfect for small UI tweaks, quick bug fixes, or experimenting with design changes. &lt;a href="https://ampcode.com/" rel="noopener noreferrer"&gt;Sign up for Amp&lt;/a&gt; to explore how it simplifies your coding tasks. &lt;/p&gt;

</description>
    </item>
    <item>
      <title>How to Fix Bugs using Screenshots with Amp</title>
      <dc:creator>Srujana Maddula</dc:creator>
      <pubDate>Mon, 15 Sep 2025 10:21:03 +0000</pubDate>
      <link>https://dev.to/srujana_maddula_0d5657ea2/how-to-fix-bugs-using-screenshots-with-amp-49en</link>
      <guid>https://dev.to/srujana_maddula_0d5657ea2/how-to-fix-bugs-using-screenshots-with-amp-49en</guid>
      <description>&lt;p&gt;&lt;a href="https://ampcode.com/" rel="noopener noreferrer"&gt;Amp&lt;/a&gt; is an agentic coding tool that can run in your VS-Code and as well as a command line tool in your terminal. &lt;/p&gt;

&lt;p&gt;It's your best AI assistant in performing autonomous reasoning, comprehensive code editing, and complex task execution. You tell it what you want in plain English, and it makes the changes.&lt;/p&gt;

&lt;p&gt;But here’s the cool part: Amp isn’t just a chatbot. You don’t always have to explain everything in text. You can drop in a screenshot with little or no context, and Amp will understand it and take the necessary action.&lt;/p&gt;

&lt;p&gt;I’ll show you how to use Amp to fix a bug in your codebase using screenshots.&lt;/p&gt;

&lt;h2&gt;
  
  
  Fixing Bugs with screenshots
&lt;/h2&gt;

&lt;p&gt;I have a Streamlit app in VS Code. It’s built to show different business metrics in charts. But I see a value error on the UI. Here’s how I’ll fix it with just the error screenshot.&lt;/p&gt;

&lt;p&gt;In my Streamlit app, clicking the “Click Me” button throws the following error.&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%2Fuivb8rw989nijmxct3j6.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%2Fuivb8rw989nijmxct3j6.png" alt="error screenshot fed to Amp code" width="800" height="475"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;All I did was take a screenshot of this page and send it to Amp in VS Code with a short note: “Failed when I click the ‘Click Me’ button, check the screenshot for more context.”&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%2Fjud9z2muypon8zagg626.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%2Fjud9z2muypon8zagg626.png" alt="Amp code chat window" width="800" height="495"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Amp read the screenshot, understood the error, and identified relevant part of my codebase. Then it proposed a fix, showed me the changes, and after my approval applied the solution automatically.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Use Screenshots to Fix Bugs in Amp?
&lt;/h2&gt;

&lt;p&gt;Long error messages are painful to copy and paste, and sometimes you just don’t feel like typing them into a chat window. In that case, you just simply click a photo and give it to Amp. &lt;/p&gt;

&lt;p&gt;The tool connects the dots between what's on screenshot and the code that produced it. Because it is working directly from the actual error on screen, the solution often feels more accurate and intuitive. Therefore, this approach is more reliable as well as fast and easy. Explore the full potential of &lt;a href="https://ampcode.com/manual" rel="noopener noreferrer"&gt;Amp here&lt;/a&gt;. &lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
