frontend-design
Produce intentional UI with stronger hierarchy, typography, and aesthetic direction.
FreePackage validated
624.9K installsLoading page…
FreeWorkflowMedium riskv1.0.2
Lime-Frame Designer Portfolio
Create a lime-framed designer portfolio with service pages, project case studies, testimonials and a brief form.
- Publisher
- Skillry
- Access
- Free · sign-in required
- Category
- Design
Overview
- Who it is for
- Creators and designers choosing a visual planning, presentation or system-mapping workflow.
- Not intended for
- Getting the publisher's private instruction package or purchase access through this catalog listing.
- Package access
- Installed and licensed through the original publisher
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
What you need
- 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)
- 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)
Additional service 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.
Usage
- 01Gather the inputs and install the dependencies listed above.
- 02Use your publisher account to obtain the skill. Free skills require sign-in; paid skills require a purchase or subscription.
- 03Sign in to the CLI, then run the installation command below for your agent.
- 04Start with one of the example prompts, supply your project assets and review the rendered result.
npx --yes skillry-cli@latest install bs-lime-frame-designer-portfolioSign in first with npx --yes skillry-cli@latest login. Use Node.js 22+ on macOS or Windows; add --agent claude-code for Claude Code. The publisher also offers ZIP installation for Linux. Paid skills require your purchase or subscription.
Example prompts
Requests that put this skill to work.
Build a portfolio site for Rowan Ashby, a digital designer working with founders and small teams.
Limitations
- Install and license the original package through its publisher; this listing supplies discovery information.
- Publisher-stated capabilities and dependencies have not been benchmarked in your agent or project.
- 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.
Version history
v1.0.2CurrentOct 20, 2026
Public listing reviewed; instruction-package access remains with the original publisher.
Frequently asked questions
What does Lime-Frame Designer Portfolio create?
Create a lime-framed designer portfolio with service pages, project case studies, testimonials and a brief form. Deliverables: 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
What do I need to use Lime-Frame Designer Portfolio?
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) Publisher-listed 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).
Is Lime-Frame Designer Portfolio free?
The skill package is free through Skillry with a publisher account. 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.
How do I install Lime-Frame Designer Portfolio?
Sign in with npx --yes skillry-cli@latest login, then run npx --yes skillry-cli@latest install bs-lime-frame-designer-portfolio. The publisher documents Node.js 22 or newer on macOS or Windows for its CLI. Add --agent claude-code for Claude Code; the default installation folder is shared by Codex and Cursor. Linux users can use the publisher's ZIP installation option.