SkillsAdd

rebyteai-template/rebyte-skills

magic-portfolio

Next.js 16 portfolio with MDX blog/projects, Once UI, auto SEO, and endless theming.

First seen Jan 24, 2026

Installation

$ npx skills add rebyteai-template/rebyte-skills --skill magic-portfolio
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
prisma-compute Shared topics
prisma/skills

Prisma Compute deployment and hosting guide. Use whenever the user mentions Prisma Compute, `pr…

253.4K installs
fixed-income-portfolio Similar name
anthropics/financial-services

Review fixed income portfolios by pricing multiple bonds, retrieving reference data, analyzing …

1.7K installs
portfolio-rebalance Similar name
anthropics/financial-services

Analyze portfolio allocation drift and generate rebalancing trade recommendations across accoun…

8 installs
portfolio-monitoring Similar name
anthropics/financial-services

Track and analyze portfolio company performance against plan. Ingests monthly/quarterly financi…

8 installs
portfolio-status Similar name
anthropics/claude-for-legal

Roll up the portfolio from _log.yaml — risk distribution, upcoming deadlines, stale matters, ma…

497 installs

Also in this package

Other skills from rebyteai-template/rebyte-skills · top by installs.

npx skills add rebyteai-template/rebyte-skills
awwwards-landing-page 1.3K financial-deep-research 963 gsap-awwwards-website 765 market-data 383 echarts 359 award-winning-website 342 sec-edgar-skill 253 fastapi-backend-template 234 go-backend-clean-architecture 98 web-app-builder 95

Browse all from rebyteai-template/rebyte-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 16
Default branch main
Open issues 1
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,501 B
  • docs SUMMARY.md 107 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 69 installs

SKILL.md

Magic Portfolio

A simple, clean portfolio template with MDX-based blog and projects, automatic SEO, gallery, and endless theming options.

Tech Stack

  • Framework: Next.js 16
  • React: React 19
  • UI: Once UI
  • Styling: Sass
  • Content: MDX
  • Package Manager: npm
  • Dev Port: 3000

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/magic-portfolio-template.git .

If the directory is not empty:

git clone --depth 1 https://github.com/Eng0AI/magic-portfolio-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. Remove Git History (Optional)

rm -rf .git
git init

3. Install Dependencies

npm install

Build

npm run build

Deploy

Vercel (Recommended)

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify

netlify deploy --prod --dir=.next

Customization

  • src/resources/once-ui.config.js - Theme and UI settings
  • src/resources/content.js - Site content
  • src/app/blog/posts/ - Blog posts in MDX
  • src/app/work/projects/ - Project case studies

Development

npm run dev

Opens at http://localhost:3000

Requires Node.js v18.17+