Preview gallery
About this Skill
Build a multi-page portfolio for a digital designer or small studio: a lime-green frame around one rounded white sheet, a calm three-column hero with a centred portrait card, social buttons and an availability line, a client wordmark marquee, a services index, a collaboration split with process photos and a near-black count-up stats band. About, a page per service, a case study per project, testimonials, FAQ, a brief form and privacy are all designed and linked. You get one self-contained file that opens in any browser and works offline.
Picked most often by
About this Skill
Lime-Frame Designer Portfolio builds a personal site that reads like a white sheet resting on a lime-green desk. One rounded white sheet holds every page, from a calm three-column hero to designed service pages, case studies and a brief form. The example is Rowan Ashby, a fictional digital designer, with 19 connected pages.
What you get
- Home: hero, client wordmark marquee, a services index, a collaboration split with process photos, a near-black stats band, featured work, a testimonial carousel, an FAQ preview and a lime CTA band
- A page for every service with price, timeline, inclusions and steps, and a case study for every project with results, deliverables and an in-page showcase
- About, testimonials, a searchable FAQ, a brief form with chips and validation, privacy and a not-found page
- Bold grotesk type, calm motion, and one file that opens in any browser and works offline
How to use it
- Share your name, role, one-line offer, services with prices, projects with results, and any client quotes.
- Your agent fills every page, plans and generates the photos you do not supply, and builds a showcase for each project.
- Open the file, click through every service and case study, send a test brief, and ask for changes in plain words.
Generated portraits are stand-ins, so your own photos work best. Images made with your agent's image tool may carry that tool's usage charges.
What you need before you start
- You bring
- Name, two-word role, one-line offer, availability date and contact details · Services with price, timeline and inclusions, plus projects with client, brief and results · Your portrait, client quotes and FAQ answers (optional; gaps become listed placeholders)
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent for photos you do not supply (optional if you provide your own portrait and project images)
- Outside costs
- Photos you do not supply (portrait stand-ins, process shots, project covers) are generated with your agent's own image tool, which may incur that tool's usage charges. Nothing else uses a paid service.
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- A full portfolio: home, about, a services index with a page per service, a work index with a case study per project, testimonials, FAQ, a brief form, privacy and a not-found page
- The lime-frame look: lime border, white sheet, bold grotesk name, centred portrait card with an availability dot, wordmark marquee, near-black stats band and a lime CTA band
- Working parts: work filters and search, FAQ search by topic, a testimonial carousel, project showcases built into the page and a brief form with validation
Good fit
- Freelance designers and small studios who want a bright, confident site that sells the person as much as the work
- Designers with clearly scoped services and prices who want each offer and each project on its own page
- Photographers, illustrators or developers who can map commissions or projects onto the same service and case-study pages
Not for
- Muted or corporate brands: the lime frame and bold type are bright and personal by design
- A link-in-bio or one-page résumé: the Skill builds a full site with services, case studies and FAQ
- Live booking or payments: the brief and newsletter forms validate and confirm on the page but send nothing
Brand Identity & Visual SystemsWeb Design & Digital ExperiencesBuild Website PageBuild Portfolio SiteStyle-lockedEditable OutputPortrait HeroDark Stats BandLime Page FrameWhite Sheet CardWordmark Marquee
User reviews
Loading reviews…
