<?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: Phuoc Nguyen</title>
    <description>The latest articles on DEV Community by Phuoc Nguyen (@philliphades).</description>
    <link>https://dev.to/philliphades</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%2F2908011%2Fda429f2e-c9b7-4d80-8d6c-bbbd063e432f.jpeg</url>
      <title>DEV Community: Phuoc Nguyen</title>
      <link>https://dev.to/philliphades</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/philliphades"/>
    <language>en</language>
    <item>
      <title>AI Reviews Your Code Before You Even Open the PR — Claude Code Review Changes Everything</title>
      <dc:creator>Phuoc Nguyen</dc:creator>
      <pubDate>Fri, 13 Mar 2026 04:24:32 +0000</pubDate>
      <link>https://dev.to/philliphades/ai-reviews-your-code-before-you-even-open-the-pr-claude-code-review-changes-everything-4dfh</link>
      <guid>https://dev.to/philliphades/ai-reviews-your-code-before-you-even-open-the-pr-claude-code-review-changes-everything-4dfh</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;A developer changed one line of code.&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
Looked totally normal. The kind of change that gets approved in 30 seconds. &lt;br&gt;
Claude Code Review flagged it as a &lt;strong&gt;critical bug&lt;/strong&gt;. &lt;br&gt;
That single line would have broken the entire authentication system — no one could log in. &lt;br&gt;
Bug fixed before deploy. The developer later admitted: if they'd reviewed it themselves, they probably wouldn't have caught it. &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This isn't hypothetical. This is a real case study from Anthropic, running Claude Code Review on their own internal codebase.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Real Problem With Code Review Today
&lt;/h2&gt;

&lt;p&gt;Let's be honest for a second.&lt;/p&gt;

&lt;p&gt;How many times have you opened a pull request, skimmed through a few dozen lines, thought "looks fine," and hit &lt;strong&gt;Approve&lt;/strong&gt;?&lt;/p&gt;

&lt;p&gt;Not because you're lazy. But because:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;PRs are stacking up&lt;/li&gt;
&lt;li&gt;You're constantly context-switching&lt;/li&gt;
&lt;li&gt;The change looks "small" so no one thinks it needs a deep-dive&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And here's the painful number from Anthropic themselves: &lt;strong&gt;before Code Review, only 16% of pull requests received feedback that was actually meaningful&lt;/strong&gt;. The other 84%? Skimmed. Approved. Merged.&lt;/p&gt;

&lt;p&gt;With AI coding tools like Claude Code, Cursor, and Codex accelerating output, engineers can now submit &lt;strong&gt;multiple PRs per day&lt;/strong&gt; instead of one or two per week. The bottleneck is no longer &lt;em&gt;writing&lt;/em&gt; code — it's &lt;em&gt;reviewing&lt;/em&gt; it.&lt;/p&gt;

&lt;p&gt;Anthropic just shipped something to fix that.&lt;/p&gt;




&lt;h2&gt;
  
  
  What Is Claude Code Review?
&lt;/h2&gt;

&lt;p&gt;Short version: &lt;strong&gt;a team of AI agents that automatically reviews your pull requests before any human looks at them.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Not a linter. Not static analysis. A multi-agent system that actually &lt;em&gt;understands the logic&lt;/em&gt; of your code.&lt;/p&gt;

&lt;p&gt;When you open a PR:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Claude deploys a group of agents working &lt;strong&gt;in parallel and independently&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Each agent hunts for bugs from different angles — logic errors, security vulnerabilities, edge cases, regressions&lt;/li&gt;
&lt;li&gt;A separate verification step &lt;strong&gt;filters out false positives&lt;/strong&gt; by checking whether a bug actually occurs in the real context of your codebase&lt;/li&gt;
&lt;li&gt;Results are &lt;strong&gt;deduplicated and ranked by severity&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Everything shows up directly on your GitHub PR: a high-level overview comment + inline comments at the exact lines with issues&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Average turnaround time: &lt;strong&gt;20 minutes&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why This Isn't Just "Another AI Tool"
&lt;/h2&gt;

&lt;p&gt;The most important difference: &lt;strong&gt;Claude Code Review deliberately does less&lt;/strong&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Focuses on logic errors — ignores style
&lt;/h3&gt;

&lt;p&gt;Anthropic's head of product said it plainly: &lt;em&gt;"We made a conscious decision to only focus on logic errors. Developers are really sensitive to false positives — if the tool keeps flagging style or formatting issues, people will just ignore everything."&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The result? &lt;strong&gt;Under 1% of findings are marked as wrong by engineers.&lt;/strong&gt; That's a remarkably high signal-to-noise ratio for AI-generated feedback.&lt;/p&gt;

&lt;h3&gt;
  
  
  Meaningful review rate jumped 3.4x overnight
&lt;/h3&gt;

&lt;p&gt;After Anthropic deployed Code Review on their internal codebase:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Metric&lt;/th&gt;
&lt;th&gt;Before&lt;/th&gt;
&lt;th&gt;After&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;PRs receiving meaningful review&lt;/td&gt;
&lt;td&gt;16%&lt;/td&gt;
&lt;td&gt;54%&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Change&lt;/td&gt;
&lt;td&gt;—&lt;/td&gt;
&lt;td&gt;&lt;strong&gt;+238%&lt;/strong&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;This wasn't a long-term A/B test. This was the result &lt;strong&gt;from day one&lt;/strong&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Scales automatically with PR size
&lt;/h3&gt;

&lt;p&gt;The system doesn't spend the same resources on every PR:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&amp;lt; 50 lines&lt;/strong&gt; → quick, lightweight review&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&amp;gt; 1000 lines&lt;/strong&gt; → more agents, deeper analysis&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For large PRs (&amp;gt;1000 lines):&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;84%&lt;/strong&gt; have findings&lt;/li&gt;
&lt;li&gt;Average of &lt;strong&gt;7.5 real issues&lt;/strong&gt; discovered per PR&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Real Stories From Production
&lt;/h2&gt;

&lt;p&gt;Anthropic shared two internal case studies.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Case 1 — The One-Line Bug:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
An engineer changed a single line in a production service. Looked completely harmless. The kind of change that gets approved instantly on most teams. Claude Code Review flagged it as critical. On deeper inspection: that line would break the authentication flow for the entire service. Nobody could log in. Bug fixed before deploy.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Case 2 — The Database Migration:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A migration script that looked clean and straightforward. But in the context of the broader codebase, it could cause a race condition under certain load patterns — the kind of bug that only surfaces in production under high traffic. Claude caught it by cross-referencing related files.&lt;/p&gt;

&lt;p&gt;Both are exactly the type of bug that &lt;em&gt;busy human reviewers routinely miss&lt;/em&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  How to Set It Up
&lt;/h2&gt;

&lt;p&gt;Simpler than you'd expect.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Admin side (one-time setup):&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Go to &lt;code&gt;claude.ai/admin-settings/claude-code&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Enable the Code Review section&lt;/li&gt;
&lt;li&gt;Install the Claude GitHub App into your GitHub org&lt;/li&gt;
&lt;li&gt;Select the repositories you want reviewed&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Developer side:&lt;/strong&gt; Nothing. From that point on, every new PR is automatically reviewed.&lt;/p&gt;

&lt;p&gt;You can also customize behavior by adding a &lt;code&gt;CLAUDE.md&lt;/code&gt; or &lt;code&gt;REVIEW.md&lt;/code&gt; to your repo, specifying focus areas and internal conventions.&lt;/p&gt;




&lt;h2&gt;
  
  
  Pricing — and How to Stay in Control
&lt;/h2&gt;

&lt;p&gt;Not free, but the pricing model is reasonable:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;$15–25 per review&lt;/strong&gt; (depending on PR size and codebase complexity)&lt;/li&gt;
&lt;li&gt;Usage-based, not per-seat&lt;/li&gt;
&lt;li&gt;Admins can set a &lt;strong&gt;monthly spend cap&lt;/strong&gt; for the whole org&lt;/li&gt;
&lt;li&gt;Choose exactly &lt;strong&gt;which repositories&lt;/strong&gt; get reviewed&lt;/li&gt;
&lt;li&gt;Analytics dashboard to track spending and findings&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;How much does a production bug cost to fix? Usually more than $25.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Worth noting:&lt;/strong&gt; Competitors like CodeRabbit offer flat-rate unlimited PR reviews — potentially cheaper for teams with high PR volume. Worth comparing based on your team's workflow.&lt;/p&gt;




&lt;h2&gt;
  
  
  Who Can Use It Right Now?
&lt;/h2&gt;

&lt;p&gt;Currently &lt;strong&gt;Code Review is in research preview&lt;/strong&gt;, available for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Claude Code Teams&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Claude Code Enterprise&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Not yet available for individual developers or Free/Pro plans.&lt;/p&gt;




&lt;h2&gt;
  
  
  An Honest Take — Not Just Hype
&lt;/h2&gt;

&lt;p&gt;This is a tool that genuinely solves a real pain point. But a few things worth thinking about:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;✅ Clear strengths:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Extremely low false positive rate (&amp;lt;1%) — the most important factor for actual adoption&lt;/li&gt;
&lt;li&gt;Automatically scales with PR size&lt;/li&gt;
&lt;li&gt;Zero friction for developers (no config needed)&lt;/li&gt;
&lt;li&gt;Catches bugs human reviewers miss due to context overload&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;⚠️ Things to consider:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;$15–25/PR can add up for teams with many small PRs&lt;/li&gt;
&lt;li&gt;Currently GitHub-only natively (GitLab support exists via CI/CD integration)&lt;/li&gt;
&lt;li&gt;Research preview — feature set and pricing may evolve&lt;/li&gt;
&lt;li&gt;Not a silver bullet — human review still essential for architectural decisions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;🔮 The bigger question:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;As AI generates more code and AI reviews it better — what does the human developer's role in the review loop actually become? Anthropic's Code Review doesn't &lt;em&gt;replace&lt;/em&gt; human approval (agents don't approve PRs) — but it's changing what "reviewed" really means.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Takeaway
&lt;/h2&gt;

&lt;p&gt;The bottleneck in software development is shifting. Writing code is no longer the constraint — reviewing it is. When AI coding tools accelerate output 3–5x, traditional review processes can't keep up.&lt;/p&gt;

&lt;p&gt;Claude Code Review isn't a perfect solution. But 16% → 54% meaningful reviews overnight is a strong enough signal that any engineering lead should be paying attention.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Are you already using AI coding tools on your team? Is review bottleneck a real problem for you? Drop a comment — genuinely curious about real-world experiences.&lt;/em&gt;&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Tags:&lt;/strong&gt; &lt;code&gt;#ai&lt;/code&gt; &lt;code&gt;#codereview&lt;/code&gt; &lt;code&gt;#devtools&lt;/code&gt; &lt;code&gt;#productivity&lt;/code&gt; &lt;code&gt;#anthropic&lt;/code&gt;&lt;/p&gt;

</description>
      <category>ai</category>
      <category>codereview</category>
      <category>devtools</category>
      <category>productivity</category>
    </item>
    <item>
      <title>🎯Cursor AI &amp; Angular: Supercharge Frontend Development Without Losing Control</title>
      <dc:creator>Phuoc Nguyen</dc:creator>
      <pubDate>Tue, 15 Apr 2025 13:56:50 +0000</pubDate>
      <link>https://dev.to/philliphades/cursor-ai-angular-supercharge-frontend-development-without-losing-control-2104</link>
      <guid>https://dev.to/philliphades/cursor-ai-angular-supercharge-frontend-development-without-losing-control-2104</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;"AI won’t replace you — but it might if you give away control of your code."&lt;br&gt;
— A cautious developer&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;As AI-enhanced IDEs like &lt;strong&gt;Cursor AI&lt;/strong&gt; become the go-to choice for modern development workflows, Angular engineers — especially those working in &lt;strong&gt;NX monorepos&lt;/strong&gt; — face a vital question:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Should you use AI to accelerate your development...&lt;br&gt;
or let it write your code blindly at the cost of structure and control?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  🤖 What Is Cursor AI — and Why Should Angular Teams Care?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Cursor AI&lt;/strong&gt; is an AI-first IDE built on VS Code, enhanced with:&lt;/p&gt;

&lt;p&gt;🧠 Memory bank + persistent project context&lt;br&gt;
⚙️ Customizable agents for PM, Architect, Dev, QA&lt;br&gt;
🧩 Support for rules, templates, workflows&lt;br&gt;
🔌 Integrated plugins for Figma, Nx CLI, Browser, Git, and more&lt;/p&gt;

&lt;p&gt;For &lt;strong&gt;large-scale Angular apps&lt;/strong&gt;, Cursor AI helps to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Scaffold components, services, and modules intelligently&lt;/li&gt;
&lt;li&gt;Maintain story-based workflows across teams&lt;/li&gt;
&lt;li&gt;Integrate UI designs directly from Figma&lt;/li&gt;
&lt;li&gt;Auto-generate PRDs, architecture docs, changelogs, and more&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  ⚠️ The Hidden Danger of AI in Codebases
&lt;/h2&gt;

&lt;p&gt;In the excellent article &lt;a href="https://medium.com/@anala007/hidden-dangers-of-using-cursor-ai-for-code-generation-what-every-developer-should-know-f4993c407b00" rel="noopener noreferrer"&gt;Hidden Dangers of Using Cursor AI&lt;/a&gt;, While Cursor AI provides powerful capabilities, misusing it can create serious technical debt. This is brilliantly discussed in a cautionary piece that outlines key risks when developers overly rely on AI for code generation, the author outlines risks when AI is used naively:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Danger&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;th&gt;Real-World Impact&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Overtrust&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Approving AI-generated code without truly understanding it&lt;/td&gt;
&lt;td&gt;Bugs, regressions, and missed logic&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Loss of Ownership&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Developers no longer feel responsible for code they didn’t write&lt;/td&gt;
&lt;td&gt;Poor maintainability, lack of accountability&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Inconsistency&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Without templates/rules, AI outputs are random each time&lt;/td&gt;
&lt;td&gt;Codebase becomes chaotic and harder to refactor&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Security Risks&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Unchecked plugins may expose code or data to external sources&lt;/td&gt;
&lt;td&gt;Risk of data leakage and policy violations&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h3&gt;
  
  
  🛡️ Lessons Learned:
&lt;/h3&gt;

&lt;p&gt;To avoid these traps, structure and discipline are key:&lt;br&gt;
🔒 Define strict rules (.mdc) for each agent&lt;br&gt;
📦 Use structured templates (PRD, story, architecture)&lt;br&gt;
👁️ Review all generated code manually&lt;br&gt;
🧑‍💻 Treat AI as an assistant, not an author&lt;/p&gt;

&lt;p&gt;With great power comes great responsibility — especially when the power writes your code.&lt;/p&gt;

&lt;h2&gt;
  
  
  ✅ Solution: Agent-Driven Agile Workflow in Angular
&lt;/h2&gt;

&lt;p&gt;Instead of “prompt and pray”, you should define a structured rule-based system.&lt;br&gt;
🧠 Each AI Agent Has a Role:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Agent&lt;/th&gt;
&lt;th&gt;Purpose&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;PM&lt;/td&gt;
&lt;td&gt;Generates &amp;amp; maintains PRD&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Architect&lt;/td&gt;
&lt;td&gt;Creates architecture.md &amp;amp; diagrams&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;FrontendDev&lt;/td&gt;
&lt;td&gt;Creates smart/dumb components&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;NgRxDev&lt;/td&gt;
&lt;td&gt;Sets up state/store/facade&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;QA&lt;/td&gt;
&lt;td&gt;Writes tests &amp;amp; reviews functionality&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  📁 Folder Structure (Recommended for Angular + Cursor AI)
&lt;/h2&gt;

&lt;p&gt;.cursor/&lt;br&gt;
├── rules/                # MDC rules (PM, Dev, Arch, QA...)&lt;br&gt;
├── templates/            # Templates for PRD, Arch, Story, Test&lt;br&gt;
└── modes.json            # Defines all custom agents&lt;/p&gt;

&lt;p&gt;.ai/&lt;br&gt;
├── prd.md                # Product Requirements&lt;br&gt;
├── architecture.md       # System Architecture&lt;br&gt;
└── epic-training/&lt;br&gt;
    ├── story-cert-list.md&lt;br&gt;
    └── story-cert-upload.md&lt;/p&gt;

&lt;h2&gt;
  
  
  📐 Example: AI-driven Angular Workflow
&lt;/h2&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%2Fpvq0gzkvrn2aqyp2fl0r.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%2Fpvq0gzkvrn2aqyp2fl0r.png" alt="Image AI-driven Angular Workflow" width="800" height="2852"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  🔑 Best Practices with Cursor AI + Angular
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Do ✅&lt;/th&gt;
&lt;th&gt;Avoid ❌&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Define .mdc rules for every agent&lt;/td&gt;
&lt;td&gt;Let AI write arbitrary code&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Use templates for PRD, Story, Arch&lt;/td&gt;
&lt;td&gt;Rely on memory-based prompt&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Write tests alongside code (TDD)&lt;/td&gt;
&lt;td&gt;Skip tests to save time&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Use .ai/ as single source of truth&lt;/td&gt;
&lt;td&gt;Let context drift randomly&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  📦 MCP Tools that Boost Angular Projects
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Tool&lt;/th&gt;
&lt;th&gt;Use&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;get_figma_data&lt;/td&gt;
&lt;td&gt;Sync UI from design system&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;nx_generate_module&lt;/td&gt;
&lt;td&gt;Use Nx CLI directly from chat&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;run_terminal_cmd&lt;/td&gt;
&lt;td&gt;Build/test commands from story&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;tavily_search&lt;/td&gt;
&lt;td&gt;Research best libraries on the fly&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h2&gt;
  
  
  📸 Visual: Full AI Dev Lifecycle in Angular
&lt;/h2&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%2F66inkazw9hkshvuaggma.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%2F66inkazw9hkshvuaggma.png" alt="Image Full AI Dev Lifecycle in Angular" width="800" height="481"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  🧪 Dev Experience: What It Feels Like
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Before Cursor AI:&lt;br&gt;
“I spend 30 mins setting up boilerplate, test stubs, and folder structure…”&lt;br&gt;
With Cursor AI agents:&lt;br&gt;
“I just wrote a story, the AI wrote all scaffolds, and I only needed to fill in core logic.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  📘 Want to Try It in Your Team?
&lt;/h2&gt;

&lt;p&gt;You can start by creating this &lt;code&gt;prompt.md&lt;/code&gt; inside &lt;code&gt;.ai/project-idea.md&lt;/code&gt;:&lt;/p&gt;

&lt;p&gt;&lt;em&gt;🎯 I want to start an Angular HRM Frontend project using NX.&lt;br&gt;
Please follow @002-workflow-agile-manual.mdc.&lt;br&gt;
Use PM role to create the initial PRD with epic: Training Management.&lt;br&gt;
Generate stories using @template-story.md.&lt;br&gt;
Once approved, build architecture with @template-arch.md.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Use role /switch PM and paste this in.&lt;br&gt;
From here, the workflow continues autonomously — but under your control.&lt;/p&gt;




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

&lt;p&gt;Cursor AI is a powerful assistant, not a replacement.&lt;br&gt;
If you define rules, workflows, and roles, it will supercharge your Angular development.&lt;br&gt;
But if you skip structure, it becomes just another AI toy.&lt;br&gt;
You choose.&lt;/p&gt;

&lt;h2&gt;
  
  
  💬 What Do You Think?
&lt;/h2&gt;

&lt;p&gt;Drop a comment:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Are you using Cursor AI with Angular or NX?&lt;/li&gt;
&lt;li&gt;Do you define .mdc rules or go freeform?&lt;/li&gt;
&lt;li&gt;Want my full template repo? Just ask.&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;Made with ❤️ for modern front-end developers.&lt;br&gt;
I hope this was helpful, and I’d be happy to connect and follow each other!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.linkedin.com/in/phuoc-nguyen-le-xuan-5200931347021041995/" rel="noopener noreferrer"&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%2Fzz70lc26w9tjbed3nzhs.png" alt="Image Linkedin" width="64" height="64"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>cursor</category>
      <category>angular</category>
      <category>nxmonorepo</category>
      <category>aiworkflow</category>
    </item>
  </channel>
</rss>
