The latest articles on DEV Community by adheesh bhatia (@adheesh_bhatia). https://dev.to/adheesh_bhatia 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%2F2688659%2Fa011a588-35ab-4a64-9475-28f8e2f1e18b.jpg https://dev.to/adheesh_bhatia en adheesh bhatia Sun, 26 Jan 2025 21:04:13 +0000 https://dev.to/adheesh_bhatia/linkedin-message-composer-effortlessly-craft-personalized-connection-requests-23e7 https://dev.to/adheesh_bhatia/linkedin-message-composer-effortlessly-craft-personalized-connection-requests-23e7 <p><em>This is a submission for the <a href="https://srv.buysellads.com/ads/long/x/T6EK3TDFTTTTTT6WWB6C5TTTTTTGBRAPKATTTTTTWTFVT7YTTTTTTKPPKJFH4LJNPYYNNSZL2QLCE2DPPQVCEI45GHBT" rel="noopener noreferrer">Agent.ai</a> Challenge: Productivity-Pro Agent (<a href="https://dev.to/challenges/agentai">See Details</a>)</em></p> <h2> What I Built </h2> <p>Building meaningful connections on LinkedIn takes time and effort. But what if there was a tool to streamline the process of crafting personalized connection requests? Introducing LinkedIn Message Composer, an AI-powered agent that analyzes two LinkedIn profiles and a specified purpose to generate concise and engaging messages.</p> <p><strong>Why LinkedIn Message Composer?</strong></p> <p>In today's professional landscape, building a strong network is crucial. LinkedIn Message Composer helps you:</p> <ul> <li> <strong>Save Time</strong>: Skip the tedious task of writing connection requests from scratch.</li> <li> <strong>Personalize Your Outreach</strong>: Craft messages that resonate with the recipient's profile and interests.</li> <li> <strong>Increase Response Rates</strong>: Stand out from generic requests with well-crafted introductions.</li> </ul> <h2> Demo </h2> <p>Try it out here: <a href="https://agent.ai/agent/linkedin-message-composer" rel="noopener noreferrer">https://agent.ai/agent/linkedin-message-composer</a></p> <p><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%2Fr6npl4zu3wzowecb4rot.png" class="article-body-image-wrapper"><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%2Fr6npl4zu3wzowecb4rot.png" alt="Image description" width="800" height="1304"></a></p> <h2> How it Works </h2> <ul> <li>Provide Profile URLs: Enter the URLs of your profile and the recipient's profile.</li> <li>Specify Your Purpose: Briefly describe why you're connecting (e.g., networking, job opportunity, collaboration).</li> <li>Choose Your Tone: Select the desired tone for your message (formal, friendly, enthusiastic, etc.).</li> <li>Generate Message: Let LinkedIn Message Maker create a personalized connection request for you!</li> </ul> <h2> Agent.ai Experience </h2> <p>Building LinkedIn Message Maker with Agent.ai was an incredibly efficient and streamlined process. Leveraging the platform's intuitive low-code interface, I was able to conceptualize, design, and implement the core functionality of the agent in approximately 30 minutes. This rapid development time is a testament to the power and accessibility of Agent.ai.</p> devchallenge agentaichallenge ai machinelearning adheesh bhatia Mon, 20 Jan 2025 14:28:42 +0000 https://dev.to/adheesh_bhatia/codegenie-react-and-tailwind-coder-3j1e https://dev.to/adheesh_bhatia/codegenie-react-and-tailwind-coder-3j1e <p><em>This is a submission for the <a href="https://srv.buysellads.com/ads/long/x/T6EK3TDFTTTTTT6WWB6C5TTTTTTGBRAPKATTTTTTWTFVT7YTTTTTTKPPKJFH4LJNPYYNNSZL2QLCE2DPPQVCEI45GHBT" rel="noopener noreferrer">Agent.ai</a> Challenge: Full-Stack Agent (<a href="https://dev.to/challenges/agentai">See Details</a>)</em></p> <h2> What I Built </h2> <p>Imagine v0 or Claude Artifacts but on Agent.ai. </p> <p>Meet <strong>CodeGenie</strong> — an AI-powered agent that transforms your ideas into fully functional single page web applications using React + Tailwind CSS components in seconds. Whether you're a developer prototyping quickly or a non-coder with a vision, CodeGenie makes web app creation seamless.</p> <p>But why stop there?</p> <p><strong>One More Thing...</strong><br> Meet the pro version - <strong>CodeGenie Pro</strong>, which takes it to the next level. Not only can it convert <strong>ideas to code</strong>, but it can also turn <strong>screenshot and LinkedIn profiles to code</strong>. Imagine seeing a website or component you love and generating its React + Tailwind equivalent instantly.</p> <p>🔥 <strong>Features</strong><br> ✅ <strong><em>Instant live previews inside Agent.ai with CodeSandbox integration</em></strong><br> ✅ Edit or download code directly in CodeSandbox<br> ✅ Generates TypeScript-ready code for better scalability and maintainability<br> ✅ Supports creating charts using ReChart for data visualization<br> ✅ Framer-motion available for animations, enabling smooth transitions and interactive UI elements</p> <p>🎯 <strong>Use Cases</strong><br> 🔹 Building Advanced React Components – Generate complex UI components with interactions, state management, and styling.<br> 🔹 Landing Pages – Instantly create a SaaS landing page with a hero section, features, and call-to-action.<br> 🔹 Dashboards – Generate an admin panel or analytics dashboard with charts and tables.<br> 🔹 Portfolios &amp; Blogs – Build a sleek personal website with modern UI components.<br> 🔹 Rapid Prototyping – Take rough wireframes or screenshots and generate fully functional components.<br> 🔹 Personal Branding – Convert your LinkedIn into a professional website in minutes.</p> <h2> Demo </h2> <p>🚀 <strong>Try CodeGenie on Agent.ai</strong></p> <ol> <li><p>CodeGenie Pro (Idea to Code, Screenshot to Code, Linkedin to Code)<br> <strong>Try Now</strong>: <a href="https://agent.ai/agent/code-genie-pro" rel="noopener noreferrer">https://agent.ai/agent/code-genie-pro</a></p></li> <li><p>CodeGenie (Idea to Code)<br> <strong>Try Now</strong>: <a href="https://agent.ai/agent/code-genie" rel="noopener noreferrer">https://agent.ai/agent/code-genie</a></p></li> </ol> <p>🎥 <strong>Demo Video</strong><br> <iframe width="710" height="399" src="https://www.youtube.com/embed/gIem7ehr2As"> </iframe> </p> <p>📸 <strong>SmartFlow Actions Screenshot</strong></p> <p><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%2F8txu5xjc6sf6qj2kvdhv.png" class="article-body-image-wrapper"><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%2F8txu5xjc6sf6qj2kvdhv.png" alt="Image description" width="800" height="804"></a></p> <p>🚀 <strong>Try CodeGenie on Agent.ai</strong></p> <ol> <li><p>CodeGenie Pro (Idea to Code, Screenshot to Code, Linkedin to Code)<br> <strong>Try Now</strong>: <a href="https://agent.ai/agent/code-genie-pro" rel="noopener noreferrer">https://agent.ai/agent/code-genie-pro</a></p></li> <li><p>CodeGenie (Idea to Code)<br> <strong>Try Now</strong>: <a href="https://agent.ai/agent/code-genie" rel="noopener noreferrer">https://agent.ai/agent/code-genie</a></p></li> </ol> <h2> How I Built It </h2> <p><strong>Built 100% using Agent.ai Technology</strong></p> <p>🛠️ <strong>Agent.ai Advanced Features</strong><br> ⚙️ If/Else Processing – Determines the appropriate model based on user input, using GPT-4o for Idea to Code and Claude-Sonnet-3.5-Vision for Screenshot to Code.<br> ⚙️ AWS Lambda – A Node.js Lambda function generates configurations and files for CodeSandbox.<br> ⚙️ Web API Call – The agent integrates with the free to use CodeSandbox API to create a live code preview interface.<br> ⚙️ File Conversion – Converts user-uploaded screenshots to PNG format, ensuring compatibility with Claude-Sonnet-3.5-Vision.</p> <p>🛠️ <strong>Data Loaders</strong><br> ⚙️ Get User File – Enables users to upload screenshots for conversion.<br> ⚙️ LinkedIn Profile Loader – Fetches LinkedIn profile data for generating code-based resumes or portfolios.</p> <p>🛠️ <strong>Models</strong><br> ⚙️ GPT-4o – Powers Idea to Code and LinkedIn to Code conversions.<br> ⚙️ Claude-Sonnet-3.5-Vision – Processes Screenshot to Code functionality.</p> <p>🛠️ <strong>Output</strong><br> ⚙️ CodeSandbox Embed – Generates live, editable, and downloadable CodeSandbox previews using an embedded .</p> <p>💡 <strong>Future improvements</strong><br> 🚀 Expanding Capabilities – Enable follow-ups and iterative improvements to refine code generation<br> 🌍 Full-Stack Support – Extend beyond frontend to generate backend code seamlessly<br> 🤖 Multi-Agent Collaboration – Split tasks across multiple specialized agents that work together to generate, refine, and optimize code</p> <h2> Agent.ai Experience </h2> <p>Building CodeGenie was an eye-opening experience into the power of AI-driven software development.</p> <p>✅ What Went Well: The ability to quickly assemble an AI-driven agent using prebuilt data loaders was a game-changer. It significantly reduced development time and allowed for rapid iteration. Agent.ai’s built-in If/Else processing enabled dynamic model selection, allowing GPT-4o for Idea to Code and Claude-Sonnet-3.5-Vision for Screenshot to Code to work seamlessly.The platform’s AWS Lambda support allowed lightweight, serverless execution, ensuring fast responses without needing my own dedicated infrastructure. </p> <p>🤔 Challenges: Official documentation is lacking in detail, requiring extensive hit-and-trial testing to understand certain features and edge cases. The default UI for user inputs could be styled better to enhance usability and user experience (like taking multiple user inputs at once). Monitoring of agent use can be added.</p> devchallenge agentaichallenge ai machinelearning