SkillHub
Open-Source Marketplace for AI Agent Skills
Claude Code
Codex CLI
GitHub Copilot
`;
await page.setContent(ogHTML);
await page.setViewportSize({ width: 1200, height: 630 });
await page.screenshot({
path: join(OG_DIR, 'og-default.png'),
type: 'png'
});
console.log(' Saved: og-default.png (1200x630)');
}
async function captureScreenshots(page) {
console.log('\nCapturing marketing screenshots (English)...');
for (const shot of SCREENSHOTS) {
console.log(' Capturing: ' + shot.name + ' - ' + shot.description);
try {
await page.goto(BASE_URL + shot.url, {
waitUntil: 'networkidle',
timeout: 30000
});
// Wait for content to load
await page.waitForTimeout(1500);
// Scroll past header if specified
if (shot.scrollY > 0) {
await page.evaluate((scrollY) => {
window.scrollTo(0, scrollY);
}, shot.scrollY);
await page.waitForTimeout(500);
}
await page.screenshot({
path: join(SCREENSHOTS_DIR, shot.name + '.png'),
fullPage: false,
});
console.log(' Saved: ' + shot.name + '.png');
} catch (error) {
console.error(' Error capturing ' + shot.name + ': ' + error.message);
}
}
}
async function main() {
console.log('=== SkillHub Marketing Assets Generator ===\n');
const browser = await chromium.launch({ headless: true });
// Create context with HiDPI settings for screenshots
const context = await browser.newContext({
viewport: { width: 1440, height: 900 },
deviceScaleFactor: 2, // Retina quality
locale: 'en-US', // Force English
});
const page = await context.newPage();
// Create OG Image first
await createOGImage(page);
// Capture screenshots from live site (English)
await captureScreenshots(page);
await browser.close();
console.log('\n=== Done! ===');
console.log('\nOG Image: ' + OG_DIR + '/og-default.png');
console.log('Screenshots: ' + SCREENSHOTS_DIR + '/');
}
main().catch(console.error);