The latest articles on DEV Community by Sumon Ahmed (@sumon4skf). https://dev.to/sumon4skf 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%2F1203779%2F3fb4f4f8-cd57-4f4e-8784-2f6a821761ba.png https://dev.to/sumon4skf en Sumon Ahmed Tue, 28 Apr 2026 08:15:11 +0000 https://dev.to/sumon4skf/boost-your-claude-ai-dev-workflow-with-these-4-tools-mg8 https://dev.to/sumon4skf/boost-your-claude-ai-dev-workflow-with-these-4-tools-mg8 <p>If you're working with AI-assisted development (especially Claude), these tools can significantly improve productivity, context management, and UI output quality.</p> <h2> 1. Superpowers </h2> <p>GitHub: <a href="https://github.com/obra/superpowers" rel="noopener noreferrer">https://github.com/obra/superpowers</a></p> <p><strong>What it does:</strong><br> Enhances Claude with structured prompts, reusable workflows, and better task orchestration.</p> <p><strong>Use cases:</strong></p> <ul> <li>Prompt engineering at scale</li> <li>Reusable task templates</li> <li>Structured dev workflows (debug, refactor, plan)</li> </ul> <p><strong>Pros:</strong></p> <ul> <li>Improves consistency of outputs</li> <li>Saves time with reusable prompt packs</li> <li>Works well with CLI-based Claude usage</li> </ul> <p><strong>Cons:</strong></p> <ul> <li>Requires initial setup and learning curve</li> <li>Not fully plug-and-play for beginners</li> </ul> <h2> 2. UI UX Pro Max Skill </h2> <p>GitHub: <a href="https://github.com/nextlevelbuilder/ui-ux-pro-max-skill" rel="noopener noreferrer">https://github.com/nextlevelbuilder/ui-ux-pro-max-skill</a></p> <p><strong>What it does:</strong><br> A curated prompt/skill set to generate high-quality UI/UX designs from AI.</p> <p><strong>Use cases:</strong></p> <ul> <li>Landing page generation</li> <li>Component design (React/Tailwind)</li> <li>UX improvement suggestions</li> </ul> <p><strong>Pros:</strong></p> <ul> <li>Produces cleaner, modern UI output</li> <li>Great for Tailwind + React workflows</li> <li>Reduces design iteration time</li> </ul> <p><strong>Cons:</strong></p> <ul> <li>Output quality depends on prompt discipline</li> <li>Not a design system replacement</li> </ul> <h2> 3. Awesome Claude Code </h2> <p>GitHub: <a href="https://github.com/hesreallyhim/awesome-claude-code" rel="noopener noreferrer">https://github.com/hesreallyhim/awesome-claude-code</a></p> <p><strong>What it does:</strong><br> A curated list of tools, prompts, and resources for Claude-based coding.</p> <p><strong>Use cases:</strong></p> <ul> <li>Discovering new AI dev tools</li> <li>Learning best practices</li> <li>Expanding workflow stack</li> </ul> <p><strong>Pros:</strong></p> <ul> <li>Continuously updated ecosystem list</li> <li>Saves research time</li> <li>Good for both beginners and advanced users</li> </ul> <p><strong>Cons:</strong></p> <ul> <li>Not a tool itself (just a collection)</li> <li>Quality varies across listed resources</li> </ul> <h2> 4. Claude Mem </h2> <p>GitHub: <a href="https://github.com/thedotmack/claude-mem" rel="noopener noreferrer">https://github.com/thedotmack/claude-mem</a></p> <p><strong>What it does:</strong><br> Adds persistent memory layer for Claude, enabling context retention across sessions.</p> <p><strong>Use cases:</strong></p> <ul> <li>Long-term project context</li> <li>Remembering architecture decisions</li> <li>Maintaining state between prompts</li> </ul> <p><strong>Pros:</strong></p> <ul> <li>Reduces repetition in prompts</li> <li>Improves continuity in complex projects</li> <li>Useful for large-scale applications</li> </ul> <p><strong>Cons:</strong></p> <ul> <li>Requires setup and storage management</li> <li>Risk of stale or outdated memory if not maintained</li> </ul> <h2> Final Thoughts </h2> <p>If you're serious about AI-assisted development:</p> <ul> <li>Use <strong>Superpowers</strong> → for structured workflows</li> <li>Use <strong>UI UX Pro Max Skill</strong> → for frontend/UI generation</li> <li>Use <strong>Awesome Claude Code</strong> → for discovering tools</li> <li>Use <strong>Claude Mem</strong> → for persistent context</li> </ul> <p>Combining all four creates a much more powerful and scalable AI development workflow.</p> <p>Feel free to fork, customize, and integrate these into your own stack.</p> ai webdev productivity claude Sumon Ahmed Thu, 18 Apr 2024 06:43:57 +0000 https://dev.to/sumon4skf/how-to-add-appimage-application-to-menu-in-ubuntu-linux-1j77 https://dev.to/sumon4skf/how-to-add-appimage-application-to-menu-in-ubuntu-linux-1j77 <p>AppImages are the easiest to run compared. All you need to do is follow the steps mentioned below.</p> <h2> Step to use AppImage </h2> <ul> <li>Download the AppImage</li> <li>Make the AppImage executable.<code>$ sudo chmod +x *.AppImage</code> </li> <li>Run the file (<code>./*.AppImage</code>)</li> <li>The challenging task is to make the AppImage accessible globally through the system like an installed application (in the menu)</li> </ul> <p>You can achieve this by going through the following steps.</p> <h2> Steps to add AppImage to Menu </h2> <p>Move the AppImage to an accessible directory (I use <code>*.appImage</code> in your user home directory but you are free to be creative)<br> Create an <code>appName.desktop</code> file in <code>~/.local/share/applications</code><br> Add the following content to the <code>*.desktop</code> file you create<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>[Desktop Entry] Version=0.13.23 Type=Application Name=appName Comment=Application Description TryExec=Path/to/AppImage Exec=Path/to/AppImage Icon=Path/to/AppImage.icon Actions=Editor </code></pre> </div> <p>and we are done.</p> <p>Congrats, Now your AppImage is available for your user in the menu.</p> <p>Advanced tip :<br> If you want this AppImage to be accessible to all the users of the system, place the <code>*.desktop</code> file in <code>/usr/share/applications</code></p> <p>Enabling "Add to Favorites" Option<br> As suggested In the comment, you can enable the by renaming the filename in <code>filename.desktop</code> to the app's name after running. It is also case-sensitive. For example, move the file <strong>"Outline-Manager.desktop"</strong> that is created to the file <strong>"Outline Manager.desktop"</strong> and then you will be able to pin in. (The "Name=" field inside .desktop file does not matter and it could be anything you wish.)</p> <p>Feel free to comment on any suggestions in the comments section.</p> <p>Ref. <a href="https://codebysamgan.com/how-to-add-appimage-application-to-menu-in-ubuntu-linux">Link</a></p> linux ubuntu appimage application