phase-7-seo-security
Skill for search optimization (SEO) and security hardening. Covers meta tags, semantic HTML, and security vulnerability checks. Use proactively when user asks about search ranking or security. Triggers: SEO, security, meta tags, XSS, CSRF, 보안, 검색 최적화, セキュリティ, SEO, 安全, 搜索优化, seguridad, SEO, sécurité, SEO, Sicherheit, SEO, sicurezza, SEO Do NOT use for: backend-only APIs, internal tools
소스 정보
- 저장소
- ww-w-ai/bkit-gemini
- 최근 소스 활동
- 2026년 3월 11일 04:41
- 감지된 SKILL.md 언어
- 영어
- 스타
- 66
- 포크
- 16
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- phase-7-seo-security
- classification
- C
- description
- Skill for search optimization (SEO) and security hardening. Covers meta tags, semantic HTML, and security vulnerability checks. Use proactively when user asks about search ranking or security. Triggers: SEO, security, meta tags, XSS, CSRF, 보안, 검색 최적화, セキュリティ, SEO, 安全, 搜索优化, seguridad, SEO, sécurité, SEO, Sicherheit, SEO, sicurezza, SEO Do NOT use for: backend-only APIs, internal tools
- user-invocable
- true
- argument-hint
- allowed-tools
- ["read_file","write_file","replace","glob","grep_search","google_web_search"]
- imports
- []
- agents
- {"security":"security-architect"}
- context
- session
- memory
- project
- pdca-phase
- check
# Phase 7: SEO & Security
> Optimize for search and secure your application
## SEO Checklist
### 1. Meta Tags
```typescript
// app/layout.tsx
export const metadata: Metadata = {
title: {
template: '%s | My App',
default: 'My App - Best Product'
},
description: 'Description for search engines',
keywords: ['keyword1', 'keyword2'],
openGraph: {
title: 'My App',
description: 'Description for social sharing',
images: ['/og-image.png']
},
twitter: {
card: 'summary_large_image'
}
};
```
### 2. Semantic HTML
- Use proper heading hierarchy (h1 → h2 → h3)
- Add alt text to images
- Use semantic elements (article, section, nav)
- Implement structured data (JSON-LD)
### 3. Performance
- Image optimization (next/image)
- Code splitting
- Lazy loading
- Core Web Vitals monitoring
## Security Checklist
### 1. Headers
```typescript
// next.config.js
const securityHeaders = [
{ key: 'X-Frame-Options', value: 'DENY' },
{ key: 'X-Content-Type-Options', value: 'nosniff' },
{ key: 'Strict-Transport-Security', value: 'max-age=31536000' },
{ key: 'Content-Security-Policy', value: "default-src 'self'" }
];
```
### 2. Input Validation
- Validate all user inputs
- Sanitize HTML content
- Use parameterized queries
- Implement rate limiting
### 3. Authentication
- Secure password hashing
- JWT token expiration
- CSRF protection
- Session management
## Next Phase
After completion: `/phase-8-review`
GitHub에서 보기