Add frontend skill detection to CLI

Detect Astro, Blazor, React, and other browser UI signals from project files. Recommend Astro and Playwright visual-testing skills through recommend and auto-install flows.

Author: KSemenenko

README.md

@@ -50,8 +50,8 @@ dotnet skills --version                     # alias for the same version view
 dotnet skills list                          # show installed and available skills
 dotnet skills bundle list                   # show focused bundles by collection and workflow
 dotnet skills list --local                  # only installed skills in the current target
-dotnet skills recommend                     # suggest skills from local .csproj files
-dotnet skills install --auto                # install skills for NuGet packages detected in local .csproj files
+dotnet skills recommend                     # suggest skills from local .NET and browser UI signals
+dotnet skills install --auto                # install skills from local .NET and browser UI project signals
 dotnet skills install --auto --prune        # remove stale auto-managed skills that no longer match the project
 dotnet skills install bundle quality        # install a focused .NET quality bundle
 dotnet skills install mcaf                  # install the opt-in MCAF governance skill
@@ -78,8 +78,8 @@ agents install router --auto                # same agent install flow without th
 | `dotnet skills version` | Show the current installed tool version and check whether NuGet has a newer release |
 | `dotnet skills list` | Show the current inventory, compare project/global scope when relevant, and keep the remaining catalog as a compact collection summary |
 | `dotnet skills bundle list` | Show the focused bundles that expand into related skills by collection or workflow |
-| `dotnet skills recommend` | Scan local `*.csproj` files, propose relevant skills, and let you decide what to install |
-| `dotnet skills install --auto` | Inspect local `*.csproj` files, detect NuGet packages and strong project signals, and install matching skills automatically |
+| `dotnet skills recommend` | Scan local `*.csproj`, `package.json`, and browser UI files, propose relevant skills, and let you decide what to install |
+| `dotnet skills install --auto` | Inspect local `*.csproj`, `package.json`, and browser UI files, detect strong project signals, and install matching skills automatically |
 | `dotnet skills install --auto --prune` | Remove stale auto-managed skills that no longer match the current project's NuGet packages or app-model signals |
 | `dotnet skills install <skill...>` | Install one or more skills |
 | `dotnet skills install bundle <bundle...>` | Install one or more focused bundles such as `quality`, `frontend-quality`, or `orleans` |
@@ -110,9 +110,9 @@ The [public catalog](https://skills.managed-code.com/) is the canonical browse s
 
 `dotnet skills bundle list` shows the ready-made focused bundles. Bundle installs are bulk shortcuts for related skill sets, so `dotnet skills install bundle quality`, `dotnet skills install bundle frontend-quality`, or `dotnet skills install bundle orleans` install every skill mapped to that focused bundle in one pass. MCAF is one opt-in governance skill and installs directly with `dotnet skills install mcaf`.
 
-`dotnet skills install --auto` inspects local `*.csproj` files, detects NuGet packages plus strong SDK and project-property signals, and installs the matching skills for that project automatically. Add `dotnet skills install --auto --prune` when you also want to remove stale auto-managed skills that no longer match the current project. Protected diagnostic skills and `graphify-dotnet` are not pruned.
+`dotnet skills install --auto` inspects local `*.csproj`, `package.json`, and browser UI files, detects NuGet packages plus strong .NET and frontend framework signals, and installs the matching skills for that project automatically. Add `dotnet skills install --auto --prune` when you also want to remove stale auto-managed skills that no longer match the current project. Protected diagnostic skills and `graphify-dotnet` are not pruned.
 
-`dotnet skills recommend` is a scan-only command: it inspects local project files, proposes a skill list, and prints the install command you can run if you agree with the recommendations. It does not install anything automatically.
+`dotnet skills recommend` is a scan-only command: it inspects local .NET projects plus Astro, React, Blazor, and other browser UI signals, proposes a skill list, and prints the install command you can run if you agree with the recommendations. It does not install anything automatically.
 
 The bare `dotnet skills` usage view and `help` path also perform the automatic self-update check, so an outdated tool still tells you to upgrade before it renders the command table.
 

cli/ManagedCode.DotnetSkills/ConsoleUi.cs

@@ -581,7 +581,7 @@ void Cmd(string command, string desc)
         Section("Catalog");
         Cmd($"{ToolIdentity.SkillsDisplayCommand} list", "Inventory with scope comparison");
         Cmd($"{ToolIdentity.SkillsDisplayCommand} bundle list", "Focused bundles by collection and workflow");
-        Cmd($"{ToolIdentity.SkillsDisplayCommand} recommend", "Scan .csproj and propose skills");
+        Cmd($"{ToolIdentity.SkillsDisplayCommand} recommend", "Scan .NET and browser UI signals");
         Cmd($"{ToolIdentity.SkillsDisplayCommand} catalog tokens --catalog-root .", "Export per-skill token counts as JSON");
 
         Section("Install");
@@ -792,8 +792,9 @@ private static Panel BuildRecommendationPanel(ProjectScanResult scanResult, Skil
         grid.AddColumn(new GridColumn().NoWrap());
         grid.AddColumn();
         grid.AddRow(new Markup("[dim]project[/]"), new Markup($"[dim]{Escape(scanResult.ProjectRoot.FullName)}[/]"));
-        grid.AddRow(new Markup("[dim]scanned[/]"), new Markup($"{scanResult.ProjectFiles.Count} projects"));
-        grid.AddRow(new Markup("[dim]frameworks[/]"), new Markup(scanResult.TargetFrameworks.Count == 0 ? "[dim]unknown[/]" : Escape(string.Join(", ", scanResult.TargetFrameworks))));
+        grid.AddRow(new Markup("[dim]scanned[/]"), new Markup($"{scanResult.ProjectFiles.Count} .NET project(s), {scanResult.FrontendManifestCount} package.json"));
+        grid.AddRow(new Markup("[dim].NET[/]"), new Markup(scanResult.TargetFrameworks.Count == 0 ? "[dim]none[/]" : Escape(string.Join(", ", scanResult.TargetFrameworks))));
+        grid.AddRow(new Markup("[dim]frontend[/]"), new Markup(scanResult.FrontendFrameworks.Count == 0 ? "[dim]none[/]" : Escape(string.Join(", ", scanResult.FrontendFrameworks))));
         grid.AddRow(new Markup("[dim]catalog[/]"), new Markup($"{Escape(catalog.SourceLabel)} [dim]({Escape(catalog.CatalogVersion)})[/]"));
         grid.AddRow(new Markup("[dim]target[/]"), new Markup($"[dim]{Escape(layout.PrimaryRoot.FullName)}[/]"));
 
@@ -955,7 +956,7 @@ private static Panel BuildQuickCommandPanel(
         }
 
         lines.Add($"[green]dotnet skills install --auto[/] [dim]project-driven sync[/]");
-        lines.Add($"[green]dotnet skills recommend[/] [dim]scan .csproj signals[/]");
+        lines.Add($"[green]dotnet skills recommend[/] [dim]scan .NET and browser UI signals[/]");
 
         var alternateScope = scopeInventory.FirstOrDefault(row => row.Scope != layout.Scope);
         if (alternateScope is not null)

cli/ManagedCode.DotnetSkills/InteractiveConsoleApp.Workspace.cs

@@ -371,8 +371,9 @@ private void BuildProjectPage(ConsoleWindowSystem ws, ScrollablePanelControl pan
         var low = scan.Recommendations.Count(r => r.Confidence == RecommendationConfidence.Low);
 
         AddIdentityStrip(panel, "project scan", AccentDeepSkyBlue,
-            ("scanned", $"{scan.ProjectFiles.Count} project file(s)"),
-            ("frameworks", scan.TargetFrameworks.Count == 0 ? "[grey50]unknown[/]" : Escape(string.Join(", ", scan.TargetFrameworks))),
+            ("scanned", $"{scan.ProjectFiles.Count} .NET / {scan.FrontendManifestCount} frontend manifest(s)"),
+            ("frameworks", scan.TargetFrameworks.Count == 0 ? "[grey50]none[/]" : Escape(string.Join(", ", scan.TargetFrameworks))),
+            ("frontend", scan.FrontendFrameworks.Count == 0 ? "[grey50]none[/]" : Escape(string.Join(", ", scan.FrontendFrameworks))),
             ("recommendations", scan.Recommendations.Count.ToString()));
 
         // Confidence trio — 3 horizontal BarGraphs (high green, med yellow, low grey) so the
@@ -796,7 +797,7 @@ private void BuildAboutPage(ScrollablePanelControl panel)
             "[grey]Skills / Installed[/] [grey50]browse, install, update, remove catalog skills[/]",
             "[grey]Collections / Bundles / Packages[/] [grey50]install grouped surfaces[/]",
             "[grey]Agents[/] [grey50]install orchestration agents into native agent directories[/]",
-            "[grey]Project[/] [grey50]scan .csproj signals and install recommended skills[/]",
+            "[grey]Project[/] [grey50]scan .NET and browser UI signals and install recommended skills[/]",
             "[grey]Analysis[/] [grey50]collection sizes, heaviest skills, package signals[/]");
 
         AddInfoBlock(panel, "notes",

cli/ManagedCode.DotnetSkills/InteractiveConsoleApp.cs

@@ -2859,14 +2859,16 @@ private void RenderProjectSyncPanel(
     {
         var summary = BuildRichPropertyGrid(
             ("project", $"[dim]{Escape(CompactPath(plan.ScanResult.ProjectRoot.FullName))}[/]"),
-            ("projects", plan.ScanResult.ProjectFiles.Count.ToString()),
+            (".NET projects", plan.ScanResult.ProjectFiles.Count.ToString()),
+            ("frontend manifests", plan.ScanResult.FrontendManifestCount.ToString()),
             ("matched", plan.DesiredSkills.Count.ToString()),
             ("new", newSkills.Count == 0 ? "[grey]0[/]" : $"[green]{newSkills.Count}[/]"),
             ("target", $"[dim]{Escape(CompactPath(layout.PrimaryRoot.FullName))}[/]"),
-            ("frameworks", Escape(string.Join(", ", plan.ScanResult.TargetFrameworks))));
+            (".NET frameworks", plan.ScanResult.TargetFrameworks.Count == 0 ? "[grey]none[/]" : Escape(string.Join(", ", plan.ScanResult.TargetFrameworks))),
+            ("frontend", plan.ScanResult.FrontendFrameworks.Count == 0 ? "[grey]none[/]" : Escape(string.Join(", ", plan.ScanResult.FrontendFrameworks))));
 
         var flow = BuildRichStack(
-            new Spectre.Console.Markup("[deepskyblue1]Signals[/] [dim]come from .csproj packages, SDKs, and project properties[/]"),
+            new Spectre.Console.Markup("[deepskyblue1]Signals[/] [dim]come from .csproj, package.json, and browser UI source files[/]"),
             new Spectre.Console.Markup("[deepskyblue1]New skills[/] [dim]will be previewed before any write happens[/]"),
             new Spectre.Console.Markup("[deepskyblue1]State[/] [dim]is saved only after a confirmed project-driven install[/]"));
 
@@ -2985,7 +2987,7 @@ private void RenderHelpPanel()
             ("Skills", $"{ToolIdentity.SkillsDisplayCommand} install aspire", "Install or inspect one skill by alias"),
             ("About", $"{ToolIdentity.DisplayCommand} help", "Show the site-aligned surface map and command reference"),
             ("Tokens", $"{ToolIdentity.SkillsDisplayCommand} catalog tokens --catalog-root .", "Export per-skill token counts"),
-            ("Project", $"{ToolIdentity.SkillsDisplayCommand} install --auto", "Install from .csproj signals"),
+            ("Project", $"{ToolIdentity.SkillsDisplayCommand} install --auto", "Install from .NET and browser UI signals"),
             ("Installed", $"{ToolIdentity.SkillsDisplayCommand} list --installed-only", "Inspect the current target before review, remove, or clear"),
             ("Install", $"{ToolIdentity.SkillsDisplayCommand} install bundle quality", "Install a focused bundle"),
             ("Remove", $"{ToolIdentity.SkillsDisplayCommand} remove aspire", "Remove one installed skill"),