The latest articles on DEV Community by Nabeel (@beel-collab). https://dev.to/beel-collab 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%2F3928699%2Ff4e57edc-806d-498b-8991-4fd795b47c31.jpg https://dev.to/beel-collab en Nabeel Wed, 13 May 2026 07:46:15 +0000 https://dev.to/beel-collab/i-built-an-open-directory-of-coding-agentspromptsrules-skills-28g3 https://dev.to/beel-collab/i-built-an-open-directory-of-coding-agentspromptsrules-skills-28g3 <p>Over the past year, AI coding tools have exploded.</p> <p>Developers are using:</p> <ul> <li>Cursor</li> <li>Claude Code</li> <li>GitHub Copilot</li> <li>Windsurf</li> <li>Cline</li> <li>Continue</li> <li>Roo Code</li> </ul> <p>But I kept running into the same problem:</p> <p>The best prompts, rules, agents, and workflows were scattered everywhere.</p> <p>Some were hidden in:</p> <ul> <li>random GitHub repos</li> <li>README files</li> <li>Discord screenshots</li> <li>gists</li> <li>Twitter threads</li> <li>dotfiles</li> </ul> <p>There was no central place to discover or compare them.</p> <p>So I built:</p> <p><a href="https://presets.dev" rel="noopener noreferrer">https://presets.dev</a></p> <p>A searchable directory of AI coding presets, prompts, rules, skills, and agents.</p> <h2> What’s Included </h2> <p>The site currently indexes 1300+ presets across different tools and workflows.</p> <p>Examples include:</p> <ul> <li>Cursor rules</li> <li>Claude Code agents</li> <li>Copilot instructions</li> <li>Cline workflows</li> <li>MCP integrations</li> <li>React/Next.js setups</li> <li>Testing and PR review prompts</li> <li>Architecture and planning workflows</li> </ul> <p>You can browse by:</p> <ul> <li>Tool</li> <li>Language</li> <li>Framework</li> <li>Category</li> <li>Use case</li> </ul> <h2> Why This Matters </h2> <p>Most people are still underusing AI coding tools.</p> <p>The real productivity gains usually come from:</p> <ul> <li>structured prompts</li> <li>reusable workflows</li> <li>custom agents</li> <li>project-specific rules</li> <li>context engineering</li> </ul> <p>Not just “write me a function”.</p> <p>A good preset can completely change how an AI assistant behaves.</p> <p>For example:</p> <ul> <li>enforcing architecture patterns</li> <li>improving code reviews</li> <li>generating better commits</li> <li>reducing hallucinations</li> <li>keeping consistent coding styles</li> </ul> <h2> Interesting Pattern I Noticed </h2> <p>After collecting hundreds of presets, some patterns became obvious.</p> <p>The most effective setups usually:</p> <ol> <li>give the AI a clear role</li> <li>define constraints aggressively</li> <li>provide project structure context</li> <li>enforce output formatting</li> <li>include examples</li> </ol> <p>The difference between a vague prompt and a production-ready workflow is massive.</p> <h2> The Goal </h2> <p>I wanted presets.dev to work more like:</p> <ul> <li>“Awesome Lists” meets search engine</li> <li>but focused specifically on AI coding workflows</li> </ul> <p>Instead of hunting through repositories manually.</p> <h2> What’s Next </h2> <p>Some things I’m exploring:</p> <ul> <li>ratings and community voting</li> <li>better preset discovery</li> <li>import/export support</li> <li>workflow collections</li> <li>trending presets</li> <li>AI-generated preset recommendations</li> </ul> <h2> Would Love Feedback </h2> <p>I’m especially interested in:</p> <ul> <li>how people structure their AI coding workflows</li> <li>what tools you’re using</li> <li>what kinds of presets are actually useful in production</li> </ul> <p>If you have favorite setups, workflows, or prompts, I’d love to see them.</p> <p>Site:<br> <a href="https://presets.dev" rel="noopener noreferrer">https://presets.dev</a></p> ai webdev productivity opensource