fix: simplify skills.sh catalog presentation (#3371)

src/__tests__/home-listing-section.claw591.test.tsx

@@ -155,7 +155,7 @@ describe("HomeListingSection", () => {
     render(<HomeListingSection initialListing={initialTrending([external])} />);
 
     expect(screen.getByText("@doany-skills")).toBeTruthy();
-    expect(screen.getByText("skills.sh")).toBeTruthy();
+    expect(screen.queryByText("skills.sh")).toBeNull();
     expect(screen.getByLabelText("Downloads").textContent).toContain("12.3k");
   });
 

src/components/HomeListingSection.tsx

@@ -136,7 +136,6 @@ function HomeListingSkillRow({ entry }: { entry: SkillPageEntry }) {
             <span className="home-v2-listing-row-name" title={item.displayName}>
               {truncateText(item.displayName, PUBLIC_CATALOG_NAME_PREVIEW_LENGTH)}
             </span>
-            {isSkillsSh ? <span className="home-v2-listing-source-badge">skills.sh</span> : null}
             {owner ? <span className="home-v2-listing-row-by">@{owner}</span> : null}
           </div>
           <p className="home-v2-listing-row-summary">

src/components/SkillsShCatalogDetail.test.tsx

@@ -95,7 +95,18 @@ describe("SkillsShCatalogDetailPage", () => {
   });
 
   it("renders only stored bounded content and no file explorer", () => {
-    render(<SkillsShCatalogDetailPage entry={makeEntry()} />);
+    const entry = makeEntry();
+    entry.content = {
+      ...entry.content!,
+      markdown: `---
+name: html
+description: Build useful HTML artifacts.
+---
+# Use this skill
+
+Build a useful artifact.`,
+    };
+    render(<SkillsShCatalogDetailPage entry={entry} />);
 
     const detailTabs = screen.getByRole("tablist", { name: "Skill detail tabs" });
     expect(detailTabs).toBeTruthy();
@@ -106,6 +117,8 @@ describe("SkillsShCatalogDetailPage", () => {
     expect(screen.queryByText("Files")).toBeNull();
     expect(screen.queryByText("File explorer")).toBeNull();
     expect(screen.queryByText("skills/html/SKILL.md")).toBeNull();
+    expect(screen.queryByText("name: html")).toBeNull();
+    expect(screen.queryByText("description: Build useful HTML artifacts.")).toBeNull();
     expect(screen.getByText("Content is truncated to the stored 64 KiB snapshot.")).toBeTruthy();
   });
 

src/components/SkillsShCatalogDetail.tsx

@@ -11,6 +11,7 @@ import { truncateText } from "../lib/truncateText";
 import { MarkdownPreview } from "./MarkdownPreview";
 import { SidebarMetadata } from "./SidebarMetadata";
 import { SkillDetailPageView, type SkillDetailViewSkill } from "./SkillDetailPageView";
+import { stripFrontmatter } from "./skillDetailUtils";
 import { SkillCommandLineCard } from "./SkillInstallSurface";
 import { Alert, AlertDescription } from "./ui/alert";
 import { Badge } from "./ui/badge";
@@ -275,7 +276,9 @@ function SkillsShContentTabs({ entry }: { entry: SkillsShCatalogDetail }) {
               </p>
             ) : null}
             <div className="skill-readme-preview">
-              <MarkdownPreview highlight={false}>{entry.content.markdown}</MarkdownPreview>
+              <MarkdownPreview highlight={false}>
+                {stripFrontmatter(entry.content.markdown)}
+              </MarkdownPreview>
             </div>
           </>
         ) : (

src/styles.css

@@ -23290,20 +23290,6 @@ a.search-empty-action {
   white-space: nowrap;
 }
 
-.home-v2-listing-source-badge {
-  flex: 0 0 auto;
-  padding: 2px 6px;
-  border: 1px solid color-mix(in srgb, var(--hv2-text-tertiary) 42%, transparent);
-  border-radius: var(--r-pill);
-  color: var(--hv2-text-tertiary);
-  font-family: var(--font-mono), ui-monospace, monospace;
-  font-size: 9px;
-  font-weight: 650;
-  line-height: 1.2;
-  letter-spacing: 0.02em;
-  white-space: nowrap;
-}
-
 .home-v2-listing-row-summary {
   margin: 0;
   font-size: 13px;