Real outputs
Rendered with this skill on our machine, unedited.
Lime-Frame Designer Portfolio
How to use
- 1
Copy the install prompt
Sign in, then click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
You：
/lime-frame-designer-portfolio make me: Freelance designers and small studios who want a bright, confident site that sells the person as much as the workExample message showing how to invoke it, not a real output.
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
- Freelance designers and small studios who want a bright, confident site that sells the person as much as the work
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
- Muted or corporate brands: the lime frame and bold type are bright and personal by design
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
What you need
- Claude Code, Codex, or Cursor
- Pack ships as a local skill folder
- License
- Skilloop Free
- Author
- @Skilloop
- Version
- v1.0.2
- Output
- Web
- Generates with
Runs in:Claude CodeCodexCursor
Built and maintained by Skilloop (Pro). Every sample below was produced by this exact skill. Source packages are proprietary — not MIT.
Package contents
- lime-frame-designer-portfolio/SKILL.md
- lime-frame-designer-portfolio/references/framework-adaptation.md
- lime-frame-designer-portfolio/references/icon-library.md
- lime-frame-designer-portfolio/references/image-plan.md
- lime-frame-designer-portfolio/references/images/client-1.webp
- lime-frame-designer-portfolio/references/images/client-2.webp
- lime-frame-designer-portfolio/references/images/client-3.webp
- lime-frame-designer-portfolio/references/images/client-4.webp
- lime-frame-designer-portfolio/references/images/client-5.webp
- lime-frame-designer-portfolio/references/images/client-6.webp
- lime-frame-designer-portfolio/references/images/collab-proofs.webp
- lime-frame-designer-portfolio/references/images/collab-table.webp
- lime-frame-designer-portfolio/references/images/kelden.webp
- lime-frame-designer-portfolio/references/images/mirefield-stationery.webp
- lime-frame-designer-portfolio/references/images/mirefield.webp
- lime-frame-designer-portfolio/references/images/ondel.webp
- lime-frame-designer-portfolio/references/images/portrait.webp
- lime-frame-designer-portfolio/references/images/saltmere.webp
- lime-frame-designer-portfolio/references/images/seedlark.webp
- lime-frame-designer-portfolio/references/images/sketch.webp
- lime-frame-designer-portfolio/references/images/studio.webp
- lime-frame-designer-portfolio/references/images/thalla-range.webp
- lime-frame-designer-portfolio/references/interior-pages.md
- lime-frame-designer-portfolio/references/motion-system.md
- lime-frame-designer-portfolio/references/page-library.md
- lime-frame-designer-portfolio/references/quality-checklist.md
- lime-frame-designer-portfolio/references/reui-components.md
- lime-frame-designer-portfolio/references/route-inventory.md
- lime-frame-designer-portfolio/references/style-guide.md
- lime-frame-designer-portfolio/references/template.html
- lime-frame-designer-portfolio/references/visual-contract.md
- lime-frame-designer-portfolio/scripts/inline-assets.mjs
- lime-frame-designer-portfolio/scripts/validate-lime.mjs
SKILL.md
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…
Other ways to install
ZIP download works while signed in. For curl installs, create an API key under Settings → API keys and set SKILLHUB_API_KEY.
Install prompt (paste into your agent)
This is a free Skilloop skill (Lime-Frame Designer Portfolio). Download https://skilloop.dev/downloads/free/lime-frame-designer-portfolio.zip (or use the install command on the skill page), then unzip into ~/.claude/skills or ~/.agents/skills so lime-frame-designer-portfolio/SKILL.md exists. Or: Read https://skilloop.dev/skills/lime-frame-designer-portfolio/install.md and follow the instructions.
One-line install (download + unzip) · Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/lime-frame-designer-portfolio.zip -o /tmp/lime-frame-designer-portfolio.zip && unzip -oq /tmp/lime-frame-designer-portfolio.zip -d ~/.claude/skills/
One-line install (download + unzip) · Codex / Cursor
mkdir -p ~/.agents/skills && curl -fsSL https://skilloop.dev/downloads/free/lime-frame-designer-portfolio.zip -o /tmp/lime-frame-designer-portfolio.zip && unzip -oq /tmp/lime-frame-designer-portfolio.zip -d ~/.agents/skills/
Manual · Claude Code
# Free skill — download the public ZIP (no sign-in): mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/lime-frame-designer-portfolio.zip -o /tmp/lime-frame-designer-portfolio.zip && unzip -oq /tmp/lime-frame-designer-portfolio.zip -d ~/.claude/skills/
