[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M74SET7VHKBPVFRE9RF4TGAF":3,"skill-same:01M74SET7VHKBPVFRE9RF4TGAF":49},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":29,"commitSha":30,"skillDirectory":5,"forksCount":14,"repositoryHtmlUrl":31,"repositoryHomepageUrl":6,"ownerHtmlUrl":32,"ownerBlogUrl":33,"ownerDescription":6,"updatedAt":34,"install":35,"resources":48},"01M74SET7VHKBPVFRE9RF4TGAF","clerk-install-auth",null,"Install and configure Clerk SDK\u002FCLI authentication.\nUse when setting up a new Clerk integration, configuring API keys,\nor initializing Clerk in your project.\nTrigger with phrases like \"install clerk\", \"setup clerk\",\n\"clerk auth\", \"configure clerk API key\", \"add clerk to project\".","SamuelChien\u002Fmega-skills-collection","SamuelChien","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F4652114?v=4","01M74KK34WVHA0P5ZYSJRDDFMG","Samuel Chien","01M74KK35FQN1N9VZ9EPTH3P2S",0,"MIT","https:\u002F\u002Fgithub.com\u002FSamuelChien\u002Fmega-skills-collection\u002Fblob\u002Fmain\u002Fclerk-install-auth\u002FSKILL.md",[],[],"2026-11-12 13:55:43",false,"---\nname: clerk-install-auth\ndescription: |\n  Install and configure Clerk SDK\u002FCLI authentication.\n  Use when setting up a new Clerk integration, configuring API keys,\n  or initializing Clerk in your project.\n  Trigger with phrases like \"install clerk\", \"setup clerk\",\n  \"clerk auth\", \"configure clerk API key\", \"add clerk to project\".\nallowed-tools: Read, Write, Edit, Bash(npm:*), Bash(pnpm:*), Grep\nversion: 1.0.0\nlicense: MIT\nauthor: Jeremy Longshore \u003Cjeremy@intentsolutions.io>\ncompatible-with: claude-code, codex, openclaw\n---\n# Clerk Install & Auth\n\n## Overview\nSet up Clerk SDK and configure authentication credentials for your application.\n\n## Prerequisites\n- Node.js 18+ (Next.js, React, Express, etc.)\n- Package manager (npm, pnpm, or yarn)\n- Clerk account with API access\n- Publishable and Secret keys from Clerk dashboard\n\n## Instructions\n\n### Step 1: Install SDK\n```bash\nset -euo pipefail\n# Next.js\nnpm install @clerk\u002Fnextjs\n\n# React\nnpm install @clerk\u002Fclerk-react\n\n# Express\u002FNode.js\nnpm install @clerk\u002Fexpress\n\n# Remix\nnpm install @clerk\u002Fremix\n```\n\n### Step 2: Configure Environment Variables\n```bash\n# Create .env.local file\ncat >> .env.local \u003C\u003C 'EOF'\nNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_...\nCLERK_SECRET_KEY=sk_test_...\nEOF\n```\n\n### Step 3: Add ClerkProvider (Next.js App Router)\n```typescript\n\u002F\u002F app\u002Flayout.tsx\nimport { ClerkProvider } from '@clerk\u002Fnextjs'\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n  return (\n    \u003CClerkProvider>\n      \u003Chtml lang=\"en\">\n        \u003Cbody>{children}\u003C\u002Fbody>\n      \u003C\u002Fhtml>\n    \u003C\u002FClerkProvider>\n  )\n}\n```\n\n### Step 4: Add Middleware\n```typescript\n\u002F\u002F middleware.ts\nimport { clerkMiddleware } from '@clerk\u002Fnextjs\u002Fserver'\n\nexport default clerkMiddleware()\n\nexport const config = {\n  matcher: [\n    '\u002F((?!_next|[^?]*\\\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)',\n    '\u002F(api|trpc)(.*)',\n  ],\n}\n```\n\n### Step 5: Verify Connection\n```typescript\nimport { auth } from '@clerk\u002Fnextjs\u002Fserver'\n\nexport async function GET() {\n  const { userId } = await auth()\n  return Response.json({ authenticated: !!userId })\n}\n```\n\n## Output\n- Installed SDK package in node_modules\n- Environment variables configured in .env.local\n- ClerkProvider wrapping application\n- Middleware protecting routes\n\n## Error Handling\n| Error | Cause | Solution |\n|-------|-------|----------|\n| Invalid API Key | Incorrect or mismatched keys | Verify keys in Clerk dashboard match environment |\n| ClerkProvider Missing | SDK used outside provider | Wrap app root with ClerkProvider |\n| Middleware Not Running | Matcher misconfigured | Check matcher regex in middleware.ts |\n| Module Not Found | Installation failed | Run `npm install @clerk\u002Fnextjs` again |\n\n## Examples\n\n### Next.js App Router Setup\n```typescript\n\u002F\u002F app\u002Flayout.tsx\nimport { ClerkProvider, SignInButton, SignedIn, SignedOut, UserButton } from '@clerk\u002Fnextjs'\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n  return (\n    \u003CClerkProvider>\n      \u003Chtml lang=\"en\">\n        \u003Cbody>\n          \u003Cheader>\n            \u003CSignedOut>\n              \u003CSignInButton \u002F>\n            \u003C\u002FSignedOut>\n            \u003CSignedIn>\n              \u003CUserButton \u002F>\n            \u003C\u002FSignedIn>\n          \u003C\u002Fheader>\n          {children}\n        \u003C\u002Fbody>\n      \u003C\u002Fhtml>\n    \u003C\u002FClerkProvider>\n  )\n}\n```\n\n### React SPA Setup\n```typescript\nimport { ClerkProvider } from '@clerk\u002Fclerk-react'\n\nconst PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY\n\nfunction App() {\n  return (\n    \u003CClerkProvider publishableKey={PUBLISHABLE_KEY}>\n      \u003CRouter \u002F>\n    \u003C\u002FClerkProvider>\n  )\n}\n```\n\n## Resources\n- [Clerk Documentation](https:\u002F\u002Fclerk.com\u002Fdocs)\n- [Clerk Dashboard](https:\u002F\u002Fdashboard.clerk.com)\n- [Clerk Status](https:\u002F\u002Fstatus.clerk.com)\n\n## Next Steps\nAfter successful auth, proceed to `clerk-hello-world` for your first authenticated request.","# Clerk Install & Auth\n\n## Overview\nSet up Clerk SDK and configure authentication credentials for your application.\n\n## Prerequisites\n- Node.js 18+ (Next.js, React, Express, etc.)\n- Package manager (npm, pnpm, or yarn)\n- Clerk account with API access\n- Publishable and Secret keys from Clerk dashboard\n\n## Instructions\n\n### Step 1: Install SDK\n```bash\nset -euo pipefail\n# Next.js\nnpm install @clerk\u002Fnextjs\n\n# React\nnpm install @clerk\u002Fclerk-react\n\n# Express\u002FNode.js\nnpm install @clerk\u002Fexpress\n\n# Remix\nnpm install @clerk\u002Fremix\n```\n\n### Step 2: Configure Environment Variables\n```bash\n# Create .env.local file\ncat >> .env.local \u003C\u003C 'EOF'\nNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_...\nCLERK_SECRET_KEY=sk_test_...\nEOF\n```\n\n### Step 3: Add ClerkProvider (Next.js App Router)\n```typescript\n\u002F\u002F app\u002Flayout.tsx\nimport { ClerkProvider } from '@clerk\u002Fnextjs'\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n  return (\n    \u003CClerkProvider>\n      \u003Chtml lang=\"en\">\n        \u003Cbody>{children}\u003C\u002Fbody>\n      \u003C\u002Fhtml>\n    \u003C\u002FClerkProvider>\n  )\n}\n```\n\n### Step 4: Add Middleware\n```typescript\n\u002F\u002F middleware.ts\nimport { clerkMiddleware } from '@clerk\u002Fnextjs\u002Fserver'\n\nexport default clerkMiddleware()\n\nexport const config = {\n  matcher: [\n    '\u002F((?!_next|[^?]*\\\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)',\n    '\u002F(api|trpc)(.*)',\n  ],\n}\n```\n\n### Step 5: Verify Connection\n```typescript\nimport { auth } from '@clerk\u002Fnextjs\u002Fserver'\n\nexport async function GET() {\n  const { userId } = await auth()\n  return Response.json({ authenticated: !!userId })\n}\n```\n\n## Output\n- Installed SDK package in node_modules\n- Environment variables configured in .env.local\n- ClerkProvider wrapping application\n- Middleware protecting routes\n\n## Error Handling\n| Error | Cause | Solution |\n|-------|-------|----------|\n| Invalid API Key | Incorrect or mismatched keys | Verify keys in Clerk dashboard match environment |\n| ClerkProvider Missing | SDK used outside provider | Wrap app root with ClerkProvider |\n| Middleware Not Running | Matcher misconfigured | Check matcher regex in middleware.ts |\n| Module Not Found | Installation failed | Run `npm install @clerk\u002Fnextjs` again |\n\n## Examples\n\n### Next.js App Router Setup\n```typescript\n\u002F\u002F app\u002Flayout.tsx\nimport { ClerkProvider, SignInButton, SignedIn, SignedOut, UserButton } from '@clerk\u002Fnextjs'\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n  return (\n    \u003CClerkProvider>\n      \u003Chtml lang=\"en\">\n        \u003Cbody>\n          \u003Cheader>\n            \u003CSignedOut>\n              \u003CSignInButton \u002F>\n            \u003C\u002FSignedOut>\n            \u003CSignedIn>\n              \u003CUserButton \u002F>\n            \u003C\u002FSignedIn>\n          \u003C\u002Fheader>\n          {children}\n        \u003C\u002Fbody>\n      \u003C\u002Fhtml>\n    \u003C\u002FClerkProvider>\n  )\n}\n```\n\n### React SPA Setup\n```typescript\nimport { ClerkProvider } from '@clerk\u002Fclerk-react'\n\nconst PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY\n\nfunction App() {\n  return (\n    \u003CClerkProvider publishableKey={PUBLISHABLE_KEY}>\n      \u003CRouter \u002F>\n    \u003C\u002FClerkProvider>\n  )\n}\n```\n\n## Resources\n- [Clerk Documentation](https:\u002F\u002Fclerk.com\u002Fdocs)\n- [Clerk Dashboard](https:\u002F\u002Fdashboard.clerk.com)\n- [Clerk Status](https:\u002F\u002Fstatus.clerk.com)\n\n## Next Steps\nAfter successful auth, proceed to `clerk-hello-world` for your first authenticated request.",{"name":5,"author":24,"license":15,"version":25,"description":26,"allowed-tools":27,"compatible-with":28},"Jeremy Longshore \u003Cjeremy@intentsolutions.io>","1.0.0","Install and configure Clerk SDK\u002FCLI authentication.\nUse when setting up a new Clerk integration, configuring API keys,\nor initializing Clerk in your project.\nTrigger with phrases like \"install clerk\", \"setup clerk\",\n\"clerk auth\", \"configure clerk API key\", \"add clerk to project\".\n","Read, Write, Edit, Bash(npm:*), Bash(pnpm:*), Grep","claude-code, codex, openclaw","main","c2b1fdccc779e99ac814e55fb69ca8d71215dd0f","https:\u002F\u002Fgithub.com\u002FSamuelChien\u002Fmega-skills-collection","https:\u002F\u002Fgithub.com\u002FSamuelChien","http:\u002F\u002Fsamuelchien.com\u002F","2026-05-26 08:27:14",{"source":8,"skillName":5,"commands":36,"prompt":46,"zipAvailable":47},[37,40,43],{"tool":38,"command":39},"npx","npx skills add SamuelChien\u002Fmega-skills-collection --skill clerk-install-auth",{"tool":41,"command":42},"bunx","bunx skills add SamuelChien\u002Fmega-skills-collection --skill clerk-install-auth",{"tool":44,"command":45},"pnpm","pnpm dlx skills add SamuelChien\u002Fmega-skills-collection --skill clerk-install-auth","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FSamuelChien\u002Fmega-skills-collection\u002Fblob\u002Fmain\u002Fclerk-install-auth\u002FSKILL.md",true,[],[50,57,64,71,78,86],{"skillNo":51,"name":52,"nameZh":6,"description":53,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":54,"categories":55,"keywords":56,"publishedAt":19},"01M76R4WZQZAXGGXMQCA0FZ716","zustand-store-ts","Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state\u002Faction separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.","https:\u002F\u002Fgithub.com\u002FSamuelChien\u002Fmega-skills-collection\u002Fblob\u002Fmain\u002Fzustand-store-ts\u002FSKILL.md",[],[],{"skillNo":58,"name":59,"nameZh":6,"description":60,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":61,"categories":62,"keywords":63,"publishedAt":19},"01M76R4T9KENDH7FENGZQHBW4G","zustand-store-creator","Zustand Store Creator - Auto-activating skill for Frontend Development.\nTriggers on: zustand store creator, zustand store creator\nPart of the Frontend Development skill category.","https:\u002F\u002Fgithub.com\u002FSamuelChien\u002Fmega-skills-collection\u002Fblob\u002Fmain\u002Fzustand-store-creator\u002FSKILL.md",[],[],{"skillNo":65,"name":66,"nameZh":6,"description":67,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":68,"categories":69,"keywords":70,"publishedAt":19},"01M76R3YWN84B7SANJ52X799ZE","zero-trust-config-helper","Zero Trust Config Helper - Auto-activating skill for Security Advanced.\nTriggers on: zero trust config helper, zero trust config helper\nPart of the Security Advanced skill category.","https:\u002F\u002Fgithub.com\u002FSamuelChien\u002Fmega-skills-collection\u002Fblob\u002Fmain\u002Fzero-trust-config-helper\u002FSKILL.md",[],[],{"skillNo":72,"name":73,"nameZh":6,"description":74,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":77,"publishedAt":19},"01M76R3HNSV2AEYSKHM915GJ58","zapier-integration-helper","Zapier Integration Helper - Auto-activating skill for Business Automation.\nTriggers on: zapier integration helper, zapier integration helper\nPart of the Business Automation skill category.","https:\u002F\u002Fgithub.com\u002FSamuelChien\u002Fmega-skills-collection\u002Fblob\u002Fmain\u002Fzapier-integration-helper\u002FSKILL.md",[],[],{"skillNo":79,"name":80,"nameZh":6,"description":81,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":82,"licenseFileUrl":6,"sourceHtmlUrl":83,"categories":84,"keywords":85,"publishedAt":19},"01M76R3DJSKAT4FA7DV4BF3GCE","zai-cli","Execute z.AI CLI providing vision, search, reader, and GitHub exploration via CLI and MCP.\nUse when user needs image\u002Fvideo analysis, OCR, UI-to-code conversion, error diagnosis,\nreal-time web search, web page to markdown extraction, or GitHub code exploration.\nTrigger with phrases like \"analyze this image\", \"search the web for\", \"read this page\",\n\"explore this repo\", or \"use zai\". Requires Z_AI_API_KEY.","Apache-2.0","https:\u002F\u002Fgithub.com\u002FSamuelChien\u002Fmega-skills-collection\u002Fblob\u002Fmain\u002Fzai-cli\u002FSKILL.md",[],[],{"skillNo":87,"name":88,"nameZh":6,"description":89,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":90,"categories":91,"keywords":92,"publishedAt":19},"01M76R2KAM699XE9AJVAWE4H2E","yt-research","Research competitor YouTube channels, niches, and trending topics for your content strategy.\nUse this skill whenever the user says \"research channels\", \"analyze competitors\", \"find trending topics\",\n\"niche analysis\", \"competitive research\", \"what are other creators doing\", \"scrape YouTube channels\",\nor wants to understand the competitive landscape for a specific tool or topic area. Use when working with yt research. Trigger with 'yt', 'research'.","https:\u002F\u002Fgithub.com\u002FSamuelChien\u002Fmega-skills-collection\u002Fblob\u002Fmain\u002Fyt-research\u002FSKILL.md",[],[]]