Template Site: Astro pages & components by christian-byrne · Pull Request #494 · Comfy-Org/workflow_templates

christian-byrne · 2026-01-20T22:58:53Z

Summary

Base Astro project with pages, components, and layouts for the template site.

Added

Astro project setup with sitemap
/templates/ listing page
/templates/[slug] detail page
Components: TemplateCard, TryOnCloudButton, SEOHead
BaseLayout with responsive styling
Mock template data (replaced by sync script)

Template Site PRs (merge in order)

PR 1 of 5 ← this one
PR 2: sync-script
PR 3: ai-generation
PR 4: preview-gen
PR 5: cicd

Integration tested locally on template-site/integration branch.

socket-security · 2026-01-20T23:03:49Z

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	npm/@types/node@20.19.30
	npm/tsx@4.21.0
	npm/@astrojs/sitemap@3.7.0
	npm/tailwindcss@4.1.18
	npm/astro@5.16.11
	npm/@tailwindcss/vite@4.1.18
	npm/typescript@5.9.3
	npm/canvas@2.11.2
	npm/openai@4.104.0

View full report

socket-security · 2026-01-20T23:03:51Z

Warning

Review the following alerts detected in dependencies.

According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.

Action	Severity	Alert (click "▶" to expand/collapse)
Warn		Obfuscated code: npm `entities` is 91.0% likely obfuscated Confidence: 0.91 Location: Package overview From: site/package-lock.json → `npm/astro@5.16.11` → `npm/entities@4.5.0` ℹ Read more on: This package \| This alert \| What is obfuscated code? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at `support@socket.dev`. Suggestion: Packages should not obfuscate their code. Consider not using packages with obfuscated code. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment `@SocketSecurity ignore npm/entities@4.5.0`. You can also ignore all packages with `@SocketSecurity ignore-all`. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.
Warn		Obfuscated code: npm `entities` is 91.0% likely obfuscated Confidence: 0.91 Location: Package overview From: site/package-lock.json → `npm/astro@5.16.11` → `npm/entities@6.0.1` ℹ Read more on: This package \| This alert \| What is obfuscated code? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at `support@socket.dev`. Suggestion: Packages should not obfuscate their code. Consider not using packages with obfuscated code. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment `@SocketSecurity ignore npm/entities@6.0.1`. You can also ignore all packages with `@SocketSecurity ignore-all`. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.
Warn		Obfuscated code: npm `vite` is 91.0% likely obfuscated Confidence: 0.91 Location: Package overview From: site/package-lock.json → `npm/@tailwindcss/vite@4.1.18` → `npm/astro@5.16.11` → `npm/vite@6.4.1` ℹ Read more on: This package \| This alert \| What is obfuscated code? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at `support@socket.dev`. Suggestion: Packages should not obfuscate their code. Consider not using packages with obfuscated code. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment `@SocketSecurity ignore npm/vite@6.4.1`. You can also ignore all packages with `@SocketSecurity ignore-all`. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report

- Initialize Astro project with @astrojs/sitemap and TypeScript - Configure site URL for https://templates.comfy.org - Create content collection schema for template data - Add 5 mock template JSON files for development - Build pages: - Homepage with redirect to /templates/ - Template listing page with grid of cards - Template detail pages with full content - Create components: - SEOHead: Meta tags, Open Graph, structured data - TemplateCard: Card component for listings - TryOnCloudButton: CTA linking to Comfy Cloud - Add BaseLayout with header, footer, and global styles - Include FAQ and SoftwareApplication structured data

- Add hero image from thumbnails on detail page - Show workflow preview graph - Use readable prose layout with proper typography - Add step numbers to how-to instructions - Collapsible FAQ using <details> element - Gallery for multiple example outputs - Subtle metadata for models/tags (not CTA-style) - Dark mode support - Add thumbnail images to listing cards - Add site:* convenience scripts to root package.json Amp-Thread-ID: https://ampcode.com/threads/T-019bdd79-0dc5-730c-904f-2c8489849c4d Co-authored-by: Amp <amp@ampcode.com>

- Integrate Tailwind CSS 4 for proper styling - Redesign BaseLayout with sticky header and footer - Redesign TemplateCard with thumbnail images and hover effects - Redesign template detail page with hero image, styled CTA, numbered steps - Fix generate-ai.ts to preserve thumbnails from sync script - Add gradient CTA sections and dark footer

- Create ThumbnailDisplay component with variant support: - compareSlider: Before/after comparison with draggable handle - hoverDissolve: Fades to 2nd image on hover - zoomHover: Enhanced zoom effect - Animated webp detection with play overlay - Update schema to include mediaSubtype and thumbnailVariant - Pass variant props through TemplateCard and detail page - Dynamic figcaption based on variant type

- Create site/AGENTS.md with full context for future agents: - Quick start commands - Architecture overview - Data flow diagrams - Thumbnail variant documentation - Critical tips and hard-learned lessons - Common tasks and debugging guides - Add site/docs/ folder with: - PRD.md — Product requirements, success metrics - TDD.md — Technical design, SEO strategy - ROADMAP.md — Future improvements and milestones - Include Upwork designer posting materials in docs/ Amp-Thread-ID: https://ampcode.com/threads/T-019bdd79-0dc5-730c-904f-2c8489849c4d

…nside BaseLayout - Add is:inline directive to JSON-LD structured data scripts to silence Astro hints - Move FAQ structured data script inside BaseLayout to ensure it's within the HTML tag Amp-Thread-ID: https://ampcode.com/threads/T-019c25b2-80ce-729c-99de-b119b6dcea0c

Amp-Thread-ID: https://ampcode.com/threads/T-019c25b2-80ce-729c-99de-b119b6dcea0c

christian-byrne mentioned this pull request Jan 20, 2026

Template Site: Sync script #495

Closed

christian-byrne and others added 7 commits February 4, 2026 12:34

Add template site PRD, design doc, and workstream split plan

7738698

christian-byrne force-pushed the template-site/astro-pages branch from 145844d to 7dbe9c1 Compare February 4, 2026 20:35

christian-byrne and others added 2 commits February 4, 2026 12:37

Add image_kandinsky5_t2i to media-image bundle

5009fba

Amp-Thread-ID: https://ampcode.com/threads/T-019c25b2-80ce-729c-99de-b119b6dcea0c

Auto-bump package versions and sync manifests for template changes

f09343a

christian-byrne merged commit 4013652 into main Feb 4, 2026
2 checks passed

christian-byrne deleted the template-site/astro-pages branch February 4, 2026 20:40

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Template Site: Astro pages & components#494

Template Site: Astro pages & components#494
christian-byrne merged 9 commits intomainfrom
template-site/astro-pages

christian-byrne commented Jan 20, 2026

Uh oh!

socket-security Bot commented Jan 20, 2026 •

edited

Loading

Uh oh!

socket-security Bot commented Jan 20, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

christian-byrne commented Jan 20, 2026

Summary

Added

Template Site PRs (merge in order)

Uh oh!

socket-security Bot commented Jan 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

socket-security Bot commented Jan 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

socket-security Bot commented Jan 20, 2026 •

edited

Loading

socket-security Bot commented Jan 20, 2026 •

edited

Loading