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

excatt/seo

Name: seo
Author: excatt

skills/seo/SKILL.md

npx skillsauth add excatt/superclaude-plusplus seo

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

SEO Skill

SEO 최적화 가이드를 실행합니다.

기본 메타 태그

필수 태그

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>페이지 제목 | 사이트명</title>
  <meta name="description" content="155자 이내의 페이지 설명">
  <link rel="canonical" href="https://example.com/page">
</head>

Open Graph (소셜 미디어)

<meta property="og:title" content="페이지 제목">
<meta property="og:description" content="페이지 설명">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta property="og:site_name" content="사이트명">

Twitter Card

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="페이지 제목">
<meta name="twitter:description" content="페이지 설명">
<meta name="twitter:image" content="https://example.com/image.jpg">
<meta name="twitter:site" content="@username">

Next.js SEO

Metadata API

// app/page.tsx
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: '홈 | 사이트명',
  description: '사이트 설명',
  openGraph: {
    title: '홈',
    description: '사이트 설명',
    images: ['/og-image.jpg'],
  },
};

// 동적 메타데이터
export async function generateMetadata({ params }): Promise<Metadata> {
  const product = await getProduct(params.id);

  return {
    title: product.name,
    description: product.description,
    openGraph: {
      images: [product.image],
    },
  };
}

기본 레이아웃

// app/layout.tsx
export const metadata: Metadata = {
  metadataBase: new URL('https://example.com'),
  title: {
    default: '사이트명',
    template: '%s | 사이트명',
  },
  description: '기본 설명',
  robots: {
    index: true,
    follow: true,
  },
  alternates: {
    canonical: '/',
    languages: {
      'ko-KR': '/ko',
      'en-US': '/en',
    },
  },
};

구조화된 데이터 (Schema.org)

JSON-LD

// components/JsonLd.tsx
export function JsonLd({ data }) {
  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}
    />
  );
}

// 사용
<JsonLd data={{
  '@context': 'https://schema.org',
  '@type': 'Product',
  name: '상품명',
  description: '상품 설명',
  image: 'https://example.com/image.jpg',
  offers: {
    '@type': 'Offer',
    price: '29000',
    priceCurrency: 'KRW',
    availability: 'https://schema.org/InStock',
  },
}} />

스키마 유형

// 조직
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "회사명",
  "url": "https://example.com",
  "logo": "https://example.com/logo.png"
}

// 기사
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "기사 제목",
  "author": { "@type": "Person", "name": "작성자" },
  "datePublished": "2024-01-15"
}

// FAQ
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "질문?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "답변"
    }
  }]
}

// 빵부스러기
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "홈",
    "item": "https://example.com"
  }]
}

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://example.com/</loc>
    <lastmod>2024-01-15</lastmod>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://example.com/about</loc>
    <lastmod>2024-01-10</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

Next.js 동적 사이트맵

// app/sitemap.ts
import { MetadataRoute } from 'next';

export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  const products = await getProducts();

  const productUrls = products.map((product) => ({
    url: `https://example.com/products/${product.slug}`,
    lastModified: product.updatedAt,
    changeFrequency: 'weekly' as const,
    priority: 0.8,
  }));

  return [
    {
      url: 'https://example.com',
      lastModified: new Date(),
      changeFrequency: 'daily',
      priority: 1,
    },
    ...productUrls,
  ];
}

robots.txt

User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/
Disallow: /private/

Sitemap: https://example.com/sitemap.xml

// app/robots.ts (Next.js)
import { MetadataRoute } from 'next';

export default function robots(): MetadataRoute.Robots {
  return {
    rules: {
      userAgent: '*',
      allow: '/',
      disallow: ['/admin/', '/api/', '/private/'],
    },
    sitemap: 'https://example.com/sitemap.xml',
  };
}

성능 최적화 (Core Web Vitals)

LCP (Largest Contentful Paint)

<!-- 중요 이미지 미리 로드 -->
<link rel="preload" as="image" href="/hero.jpg">

<!-- 이미지 최적화 -->
<img
  src="/hero.jpg"
  srcset="/hero-400.jpg 400w, /hero-800.jpg 800w"
  sizes="(max-width: 600px) 400px, 800px"
  loading="eager"
  fetchpriority="high"
>

CLS (Cumulative Layout Shift)

/* 이미지에 크기 지정 */
img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* 폰트 로딩 최적화 */
@font-face {
  font-family: 'MyFont';
  font-display: swap;
}

FID/INP (Interaction)

// 긴 작업 분할
function processLargeArray(items) {
  const chunk = items.splice(0, 100);
  processChunk(chunk);

  if (items.length > 0) {
    requestIdleCallback(() => processLargeArray(items));
  }
}

체크리스트

기본

[ ] 고유한 title 태그
[ ] meta description
[ ] canonical URL
[ ] Open Graph 태그
[ ] 구조화된 데이터

기술

[ ] sitemap.xml
[ ] robots.txt
[ ] HTTPS
[ ] 모바일 친화적
[ ] 빠른 로딩 속도

콘텐츠

[ ] 시맨틱 HTML (h1, h2, ...)
[ ] 이미지 alt 텍스트
[ ] 내부 링크
[ ] 고품질 콘텐츠

출력 형식

## SEO Optimization

### Meta Tags
```html
<head>...</head>

Structured Data

{ "@context": "https://schema.org", ... }

Sitemap

동적 생성: [Yes/No]
페이지 수: N개

Performance

LCP: < 2.5s
CLS: < 0.1
FID: < 100ms

Checklist

[x] Meta tags
[x] Open Graph
[ ] Structured data


---

요청에 맞는 SEO 최적화를 적용하세요.

excatt/seo

skills/seo/SKILL.md

SEO 최적화 가이드를 실행합니다.

13 stars

tools

Updated May 15, 2026

$ install --global

skillsauth

npx skillsauth add excatt/superclaude-plusplus seo

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: May 15, 2026, 2:37 AM183.3s1 file scanned

SKILL.md

name:: seo
description:: SEO 최적화 가이드를 실행합니다.
user-invocable:: true

SEO Skill

SEO 최적화 가이드를 실행합니다.

기본 메타 태그

필수 태그

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>페이지 제목 | 사이트명</title>
  <meta name="description" content="155자 이내의 페이지 설명">
  <link rel="canonical" href="https://example.com/page">
</head>

Open Graph (소셜 미디어)

<meta property="og:title" content="페이지 제목">
<meta property="og:description" content="페이지 설명">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta property="og:site_name" content="사이트명">

Twitter Card

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="페이지 제목">
<meta name="twitter:description" content="페이지 설명">
<meta name="twitter:image" content="https://example.com/image.jpg">
<meta name="twitter:site" content="@username">

Next.js SEO

Metadata API

// app/page.tsx
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: '홈 | 사이트명',
  description: '사이트 설명',
  openGraph: {
    title: '홈',
    description: '사이트 설명',
    images: ['/og-image.jpg'],
  },
};

// 동적 메타데이터
export async function generateMetadata({ params }): Promise<Metadata> {
  const product = await getProduct(params.id);

  return {
    title: product.name,
    description: product.description,
    openGraph: {
      images: [product.image],
    },
  };
}

기본 레이아웃

// app/layout.tsx
export const metadata: Metadata = {
  metadataBase: new URL('https://example.com'),
  title: {
    default: '사이트명',
    template: '%s | 사이트명',
  },
  description: '기본 설명',
  robots: {
    index: true,
    follow: true,
  },
  alternates: {
    canonical: '/',
    languages: {
      'ko-KR': '/ko',
      'en-US': '/en',
    },
  },
};

구조화된 데이터 (Schema.org)

JSON-LD

// components/JsonLd.tsx
export function JsonLd({ data }) {
  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}
    />
  );
}

// 사용
<JsonLd data={{
  '@context': 'https://schema.org',
  '@type': 'Product',
  name: '상품명',
  description: '상품 설명',
  image: 'https://example.com/image.jpg',
  offers: {
    '@type': 'Offer',
    price: '29000',
    priceCurrency: 'KRW',
    availability: 'https://schema.org/InStock',
  },
}} />

스키마 유형

// 조직
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "회사명",
  "url": "https://example.com",
  "logo": "https://example.com/logo.png"
}

// 기사
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "기사 제목",
  "author": { "@type": "Person", "name": "작성자" },
  "datePublished": "2024-01-15"
}

// FAQ
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "질문?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "답변"
    }
  }]
}

// 빵부스러기
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "홈",
    "item": "https://example.com"
  }]
}

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://example.com/</loc>
    <lastmod>2024-01-15</lastmod>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://example.com/about</loc>
    <lastmod>2024-01-10</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

Next.js 동적 사이트맵

// app/sitemap.ts
import { MetadataRoute } from 'next';

export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  const products = await getProducts();

  const productUrls = products.map((product) => ({
    url: `https://example.com/products/${product.slug}`,
    lastModified: product.updatedAt,
    changeFrequency: 'weekly' as const,
    priority: 0.8,
  }));

  return [
    {
      url: 'https://example.com',
      lastModified: new Date(),
      changeFrequency: 'daily',
      priority: 1,
    },
    ...productUrls,
  ];
}

robots.txt

User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/
Disallow: /private/

Sitemap: https://example.com/sitemap.xml

// app/robots.ts (Next.js)
import { MetadataRoute } from 'next';

export default function robots(): MetadataRoute.Robots {
  return {
    rules: {
      userAgent: '*',
      allow: '/',
      disallow: ['/admin/', '/api/', '/private/'],
    },
    sitemap: 'https://example.com/sitemap.xml',
  };
}

성능 최적화 (Core Web Vitals)

LCP (Largest Contentful Paint)

<!-- 중요 이미지 미리 로드 -->
<link rel="preload" as="image" href="/hero.jpg">

<!-- 이미지 최적화 -->
<img
  src="/hero.jpg"
  srcset="/hero-400.jpg 400w, /hero-800.jpg 800w"
  sizes="(max-width: 600px) 400px, 800px"
  loading="eager"
  fetchpriority="high"
>

CLS (Cumulative Layout Shift)

/* 이미지에 크기 지정 */
img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* 폰트 로딩 최적화 */
@font-face {
  font-family: 'MyFont';
  font-display: swap;
}

FID/INP (Interaction)

// 긴 작업 분할
function processLargeArray(items) {
  const chunk = items.splice(0, 100);
  processChunk(chunk);

  if (items.length > 0) {
    requestIdleCallback(() => processLargeArray(items));
  }
}

체크리스트

기본

[ ] 고유한 title 태그
[ ] meta description
[ ] canonical URL
[ ] Open Graph 태그
[ ] 구조화된 데이터

기술

[ ] sitemap.xml
[ ] robots.txt
[ ] HTTPS
[ ] 모바일 친화적
[ ] 빠른 로딩 속도

콘텐츠

[ ] 시맨틱 HTML (h1, h2, ...)
[ ] 이미지 alt 텍스트
[ ] 내부 링크
[ ] 고품질 콘텐츠

출력 형식

## SEO Optimization

### Meta Tags
```html
<head>...</head>

Structured Data

{ "@context": "https://schema.org", ... }

Sitemap

동적 생성: [Yes/No]
페이지 수: N개

Performance

LCP: < 2.5s
CLS: < 0.1
FID: < 100ms

Checklist

[x] Meta tags
[x] Open Graph
[ ] Structured data


---

요청에 맞는 SEO 최적화를 적용하세요.

Related Skills

excatt/grill-with-docs

testing

VerifiedTrustedCommunity

사용자 계획을 기존 도메인 모델에 대해 stress-test하는 인터뷰 세션. 용어를 날카롭게 다듬고, 결정이 굳어질 때마다 CONTEXT.md(도메인 어휘 사전)와 ADR을 인라인으로 갱신한다. 새 기능 요구사항 탐색은 `/brainstorm`을, 기존 도메인 모델·용어와의 정합성 점검은 이 스킬을 사용한다.

13SKILL.mdUpdated May 21, 2026

excatt/grill-with-docs

excatt/skills/xlsx

development

VerifiedTrustedCommunity

# Excel (XLSX) Spreadsheet Skill Claude Code supports comprehensive spreadsheet operations through the **xlsx** skill, enabling creation, editing, and analysis of Excel files (.xlsx, .xlsm, .csv, .tsv). ## Trigger - When user needs Excel spreadsheet creation or editing - Financial modeling or data analysis required - Spreadsheet formulas and calculations needed - Data import from CSV/TSV files ## Core Capabilities **Primary functions include:** - Creating new spreadsheets with formulas and f

13SKILL.mdUpdated May 15, 2026

excatt/workflow

tools

VerifiedTrustedCommunity

Generate structured implementation workflows from PRDs and feature requirements

13SKILL.mdUpdated May 15, 2026

excatt/websocket

development

VerifiedTrustedCommunity

실시간 통신 설계 가이드를 실행합니다.

13SKILL.mdUpdated May 15, 2026

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/excatt/superclaude-plusplus.git

# Copy into Claude Code skills folder (global)
cp -r superclaude-plusplus/skills/seo ~/.claude/skills/

Claude Code Skills — official skills path docs.

Repository

excatt/superclaude-plusplus

13 stars

Compatible with

Claude Code

OpenAI Codex CLI

ChatGPT