Portfolio sites. Picks a grid from image count and aspect ratios — one rule set from desktop to phone. Outputs a Astro project — install deps and deploy.
★★★★★4.8 · 156 reviews864 downloadsv1.6 released 2026-10-02
Sample output · CenteredPreview
Pages3Layout variants3StackAstroContrastAll AA
Details
Ask AI to “make a Portfolio” and every result looks different: ad-hoc type sizes, uneven spacing. The model isn’t the problem — nobody told it how this kind of page should look.
This skill hands the AI a refined layout as rules: information order, type scale and spacing, contrast — all locked in the pack. You describe the product; it won’t ask you layout questions again.
What you can do
Ship a deployable Portfolio template from one sentence of brief
Swap variant params to change the whole look — no regenerate needed
Consistent output across clients when you build the same kind of site
Who it’s for
Designers and front-enders shipping marketing sites who need fast first drafts
Builders without a design resource who still want pages that look intentional
Locked palette & tokens
Ink / #1F1A3D
Ink 70 / #59547A
Cobalt / #6C4CFF
Coral / #FF7A45
Wash / #F4F0FF
How to use it
Prerequisites: Any of Claude, Cursor (Agent Skills folder support) · Node 18+ to run the generated project
Install portfolio-grid with npx skillux add portfolio-grid, or unzip into your tool’s skills folder (Install tab).
Start a new agent session so the pack is discovered.
Describe the product and primary CTA in one sentence — e.g. “Portfolio for a budgeting app; primary action is Start free.”
Review the draft, tweak copy or variant params if needed, then deploy the generated project.
Install portfolio-grid (portfolio-grid) with the CLI, or download the zip and place it by hand.
Recommended. Authorizes this machine, then writes portfolio-grid into your agent skills folders.
1 · Login
npx skillux login
Opens the browser to authorize this machine.
2 · Install
npx skillux add portfolio-grid
Writes the pack into your agent skills folders.
3 · Update
npx skillux update
Pulls newer versions for packs you already installed.
