Split Frame Portfoliov1.0.0
Use this Skill to build website page.
5.00 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Create a photography portfolio with a fixed image pane, scrolling project cards, and signature framed labels that keep the work at the center. It helps photographers and visual artists present selected projects with an editorial rhythm that feels more intentional than a standard gallery.
Picked most often by
Updated Aug 25, 2026
User reviews
Loading reviews…
What you get
- A complete split-frame portfolio system: fixed photo pane, scrolling card rail, floating notched header, and Home / Journeys / About views
- A locked design language reference covering tokens, the notch corner primitive, the card catalog, and every motion rule
- A curated inline-SVG icon set (Lucide paths) for navigation, contact cards, carousel controls, and the theme toggle
- Light and dark themes with a View Transitions diagonal reveal, wired to one toggle
- A validator script that rejects emoji icons, external requests, missing dark tokens, and missing accessibility basics
Good fit
- Photographers and visual creators who want an image-first personal site with quiet, gallery-like chrome
- Travel shooters who want series pages where hovering a place previews its cover photo
- Developers who want the same visual system generated idiomatically inside an existing React, Vue, Svelte, or Astro project
Not for
- Sites that need a CMS, database, uploads, or an admin dashboard - this skill generates the front-end only
- Colorful or maximalist brand sites; the system is strictly monochrome and photography-led
- Text-heavy blogs or documentation sites with little imagery
Brand IdentityDigital Publications & Web PagesBuild Website PageBuild Portfolio SiteStyle-lockedEditable OutputMinimalistMonochromePhoto ForwardSoft RoundedSplit Screen
About this Skill
What you need before you start
- You bring
- Photographer or studio name, short bio, and contact channels · 8-12 photographs (portrait crops work best), or permission to use free-license placeholder photos
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT