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
Informations de source
- Dépôt
- ww-w-ai/bkit-gemini
- Dernière activité de la source
- 11 mars 2026 à 04:41
- Langue détectée de SKILL.md
- anglais
- Étoiles
- 66
- Forks
- 16
Options d'installation
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Vérifiez les fichiers source
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Affichage de SKILL.md
SKILL.md
Instructions source · Aperçu en lecture seule- 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`
Voir sur GitHub