Adoption

Agent Skills are supported by leading AI development tools.

VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory

vuralserhat86/skills/clerk_auth

Name: skills/clerk_auth
Author: vuralserhat86

skills/clerk_auth/SKILL.md

npx skillsauth add vuralserhat86/antigravity-agentic-skills skills/clerk_auth

Clean

TrivyContainer and dependency vulnerability scanner

Clean

SemgrepStatic code analysis for vulnerabilities

Clean

mcp-scan (Snyk)Model Context Protocol security validation

Skipped

Snyk (dep)Open source security scanning

Skipped

Socket.devSupply chain security analysis

Skipped

VirusTotalMulti-engine malware detection

Skipped

CrowdStrikeAdvanced threat intelligence

Skipped

OSV-ScannerOpen Source Vulnerability database check

Skipped

OWASP Dep-Check

🔐 Clerk Auth

Clerk modern authentication rehberi.

📋 Kurulum

npm install @clerk/nextjs

middleware.ts

import { clerkMiddleware } from '@clerk/nextjs/server';

export default clerkMiddleware();

export const config = {
  matcher: ['/((?!.*\\..*|_next).*)', '/', '/(api|trpc)(.*)'],
};

🔧 Provider Setup

// app/layout.tsx
import { ClerkProvider } from '@clerk/nextjs';

export default function Layout({ children }) {
  return (
    <ClerkProvider>
      <html>
        <body>{children}</body>
      </html>
    </ClerkProvider>
  );
}

👤 Components

import { 
  SignInButton, 
  SignUpButton, 
  UserButton,
  SignedIn,
  SignedOut 
} from '@clerk/nextjs';

function Header() {
  return (
    <header>
      <SignedOut>
        <SignInButton />
        <SignUpButton />
      </SignedOut>
      <SignedIn>
        <UserButton />
      </SignedIn>
    </header>
  );
}

🔒 Server-side Auth

import { auth, currentUser } from '@clerk/nextjs/server';

export async function GET() {
  const { userId } = await auth();
  
  if (!userId) {
    return new Response('Unauthorized', { status: 401 });
  }
  
  const user = await currentUser();
  return Response.json({ user });
}

Clerk Auth v1.1 - Enhanced

🔄 Workflow

Kaynak: Clerk Documentation

Aşama 1: Integration

[ ] Install: @clerk/nextjs paketi ve API Key'ler.
[ ] Middleware: Public/Private rotaları clerkMiddleware ile ayır.
[ ] Provider: Root layout'u ClerkProvider ile sarmala.

Aşama 2: UX & Components

[ ] Header: SignedIn / SignedOut şartlı render yapısı kur.
[ ] Profile: UserButton veya UserProfile bileşenini ekle.
[ ] Custom Flow: Gerekirse Custom Sign-in sayfası yap.

Aşama 3: Server Logic

[ ] Protect: API rotalarında auth().userId kontrolü yap.
[ ] Data: currentUser() ile kullanıcı verisine eriş.
[ ] Sync: Webhook kullanarak kullanıcıyı kendi veritabanınla eşle (Opsiyonel).

Kontrol Noktaları

| Aşama | Doğrulama | |-------|-----------| | 1 | Middleware statik dosyaları (image, css) engellemiyor | | 2 | Sign-out sonrası login sayfasına yönlendiriyor | | 3 | API request'leri tokensiz atılınca 401 dönüyor |

vuralserhat86/skills/clerk_auth

skills/clerk_auth/SKILL.md

--- name: clerk_auth router_kit: SecurityKit description: Clerk modern authentication, WebAuthn, passkeys ve social auth entegrasyonu rehberi. metadata: skillport: category: authentication tags: [accessibility, api integration, backend, browser apis, clerk auth, client-side, components, css3, debugging, deployment, frameworks, frontend, fullstack, html5, javascript, libraries, node.js, npm, performance optimization, responsive design, seo, state management, testing, typescript, ui/ux,

42 stars

tools

Updated Apr 21, 2026

$ install --global

skillsauth

npx skillsauth add vuralserhat86/antigravity-agentic-skills skills/clerk_auth

Install this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.

Security Scan Results

3 of 9 scanners reported clean

Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.

Scanners Passed

Scanners in report

Clean

TrivyContainer and dependency vulnerability scanner

95%

Clean

SemgrepStatic code analysis for vulnerabilities

95%

Clean

mcp-scan (Snyk)Model Context Protocol security validation

95%

Skipped

Snyk (dep)Open source security scanning

50%

Skipped

Socket.devSupply chain security analysis

50%

Skipped

VirusTotalMulti-engine malware detection

50%

Skipped

CrowdStrikeAdvanced threat intelligence

50%

Skipped

OSV-ScannerOpen Source Vulnerability database check

50%

Skipped

OWASP Dep-Check

50%

Last scanned: Apr 22, 2026, 1:18 AM170.2s1 file scanned

SKILL.md

name:: clerk_auth
router_kit:: SecurityKit
description:: Clerk modern authentication, WebAuthn, passkeys ve social auth entegrasyonu rehberi.
category:: authentication
tags:: [accessibility, api integration, backend, browser apis, clerk auth, client-side, components, css3, debugging, deployment, frameworks, frontend, fullstack, html5, javascript, libraries, node.js, npm, performance optimization, responsive design, seo, state management, testing, typescript, ui/ux, web development] - webauthn

🔐 Clerk Auth

Clerk modern authentication rehberi.

📋 Kurulum

npm install @clerk/nextjs

middleware.ts

import { clerkMiddleware } from '@clerk/nextjs/server';

export default clerkMiddleware();

export const config = {
  matcher: ['/((?!.*\\..*|_next).*)', '/', '/(api|trpc)(.*)'],
};

🔧 Provider Setup

// app/layout.tsx
import { ClerkProvider } from '@clerk/nextjs';

export default function Layout({ children }) {
  return (
    <ClerkProvider>
      <html>
        <body>{children}</body>
      </html>
    </ClerkProvider>
  );
}

👤 Components

import { 
  SignInButton, 
  SignUpButton, 
  UserButton,
  SignedIn,
  SignedOut 
} from '@clerk/nextjs';

function Header() {
  return (
    <header>
      <SignedOut>
        <SignInButton />
        <SignUpButton />
      </SignedOut>
      <SignedIn>
        <UserButton />
      </SignedIn>
    </header>
  );
}

🔒 Server-side Auth

import { auth, currentUser } from '@clerk/nextjs/server';

export async function GET() {
  const { userId } = await auth();
  
  if (!userId) {
    return new Response('Unauthorized', { status: 401 });
  }
  
  const user = await currentUser();
  return Response.json({ user });
}

Clerk Auth v1.1 - Enhanced

🔄 Workflow

Kaynak: Clerk Documentation

Aşama 1: Integration

[ ] Install: @clerk/nextjs paketi ve API Key'ler.
[ ] Middleware: Public/Private rotaları clerkMiddleware ile ayır.
[ ] Provider: Root layout'u ClerkProvider ile sarmala.

Aşama 2: UX & Components

[ ] Header: SignedIn / SignedOut şartlı render yapısı kur.
[ ] Profile: UserButton veya UserProfile bileşenini ekle.
[ ] Custom Flow: Gerekirse Custom Sign-in sayfası yap.

Aşama 3: Server Logic

[ ] Protect: API rotalarında auth().userId kontrolü yap.
[ ] Data: currentUser() ile kullanıcı verisine eriş.
[ ] Sync: Webhook kullanarak kullanıcıyı kendi veritabanınla eşle (Opsiyonel).

Kontrol Noktaları

Related Skills

vuralserhat86/zustand_state

tools

VerifiedTrustedCommunity

Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.

42SKILL.mdUpdated Apr 22, 2026

vuralserhat86/zustand_state

vuralserhat86/xlsx

development

VerifiedTrustedCommunity

Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas

42SKILL.mdUpdated Apr 22, 2026

vuralserhat86/skills/websocket_engineer

development

VerifiedTrustedCommunity

--- name: websocket_engineer router_kit: FullStackKit description: WebSocket specialist for real-time communication systems. Invoke for Socket.IO, WebSocket servers, bidirectional messaging, presence systems. Keywords: WebSocket, Socket.IO, real-time, pub/sub, Redis. triggers: - WebSocket - Socket.IO - real-time communication - bidirectional messaging - pub/sub - server push - live updates - chat systems - presence tracking role: specialist scope: implementation output-format:

42SKILL.mdUpdated Apr 22, 2026

vuralserhat86/skills/websocket_engineer

vuralserhat86/webapp_testing

tools

VerifiedTrustedCommunity

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

42SKILL.mdUpdated Apr 22, 2026

vuralserhat86/webapp_testing

Download

For Claude Desktop. Download once, then upload the file in the app — no terminal needed.

Need help? View full Cowork setup guide →

Install manually

Choose your platform

# Clone the repo
git clone https://github.com/vuralserhat86/antigravity-agentic-skills.git

# Copy into Claude Code skills folder (global)
cp -r antigravity-agentic-skills/skills/clerk_auth ~/.claude/skills/

Claude Code Skills — official skills path docs.

Repository

vuralserhat86/antigravity-agentic-skills

42 stars

Compatible with

Claude Code

OpenAI Codex CLI

ChatGPT