raycast: address greptile review on raycast/extensions#27449

Mirrors the fixes pushed to the PR branch:
- arguments block on copy-cli
- drop @raycast/utils
- Preferences.Extract instead of manual Prefs
- Designlang title-case
- CHANGELOG.md

Author: Manavarya09

raycast-extension/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Designlang Changelog
+
+## [Initial Release] - {PR_MERGE_DATE}
+
+- **Extract Design From URL** — runs `npx designlang <url>` and opens the output folder when ready. Optional "full" toggle pulls screenshots, responsive captures, and interaction states.
+- **Score Website Design** — rates a site's design-system quality across 7 categories (color discipline, typography, spacing, shadows, radii, accessibility, tokenization) and reports an overall A–F grade.
+- **Copy CLI Command For URL** — accepts a URL argument and copies `npx designlang <url>` to the clipboard.
+- One preference: `outputDir` (default `~/designlang-output`).

raycast-extension/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://www.raycast.com/schemas/extension.json",
   "name": "designlang",
-  "title": "designlang",
+  "title": "Designlang",
   "description": "Extract design tokens from any website — colors, typography, spacing, shadows, shadcn/Tailwind/Figma outputs.",
   "icon": "icon.png",
   "author": "masyv",
@@ -25,7 +25,15 @@
       "name": "copy-cli",
       "title": "Copy CLI Command For URL",
       "description": "Copy `npx designlang <url>` to your clipboard.",
-      "mode": "no-view"
+      "mode": "no-view",
+      "arguments": [
+        {
+          "name": "url",
+          "placeholder": "https://stripe.com",
+          "type": "text",
+          "required": true
+        }
+      ]
     }
   ],
   "preferences": [
@@ -39,8 +47,7 @@
     }
   ],
   "dependencies": {
-    "@raycast/api": "^1.80.0",
-    "@raycast/utils": "^1.17.0"
+    "@raycast/api": "^1.80.0"
   },
   "devDependencies": {
     "@raycast/eslint-config": "^1.0.0",

raycast-extension/src/extract.tsx

@@ -11,8 +11,6 @@ import { execFile } from "child_process";
 import { homedir } from "os";
 import { useState } from "react";
 
-type Prefs = { outputDir?: string };
-
 function resolveOutputDir(raw?: string) {
   const v = (raw || "~/designlang-output").trim();
   return v.startsWith("~") ? v.replace(/^~/, homedir()) : v;
@@ -24,7 +22,7 @@ function normalizeUrl(u: string) {
 }
 
 export default function Command() {
-  const prefs = getPreferenceValues<Prefs>();
+  const prefs = getPreferenceValues<Preferences.Extract>();
   const [url, setUrl] = useState("");
   const [full, setFull] = useState(false);