skills.rest
dhatric
dhatricCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

portfolio-website

Automate personal portfolio website creation with Docusaurus and GitHub Pages.

Updated Oct 31, 2020
Search Tags:#web development#personal branding#Docusaurus#GitHub Pages#portfolio website
One-click install
npx skills add https://github.com/dhatric/dhatric.github.io --skill portfolio-website
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: portfolio-website
Source: https://github.com/dhatric/dhatric.github.io/tree/main
Command: npx skills add https://github.com/dhatric/dhatric.github.io --skill portfolio-website

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @docusaurus/core, @docusaurus/preset-classic, @docusaurus/faster, @mdx-js/react, clsx, prism-react-renderer, react, react-dom, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the building of a professional personal portfolio website, allowing users to showcase their work and skills.

Core Features & Use Cases

  • Portfolio Landing Page: Generates a portfolio landing page featuring a hero section, core competencies, and quick links to social profiles.
  • Project Showcase: Creates a page to showcase key projects and platform work, with descriptions, tech tags, and impact metrics.
  • Blog: Sets up a blog section for articles and technical writing.
  • Custom Domain: Configures a custom domain for hosting the portfolio.
  • CI/CD: Integrates GitHub Actions for continuous integration and deployment.

Quick Start

Run the skill and follow the prompts to set up your portfolio website. You will need to provide details such as your name, title, professional summary, project information, and blog content.

Frequently Asked Questions about portfolio-website

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a personal portfolio website with Docusaurus?▼

This Skill automates building a personal portfolio website with Docusaurus by generating a landing page, project showcase, and blog section. It handles local development, static site generation, and deployment to GitHub Pages.

Do I need npm and GitHub Pages to deploy a Docusaurus portfolio?▼

Yes, you need npm and Docusaurus to generate and serve the static site. GitHub Pages is used as the hosting platform for deployment, and GitHub Actions can optionally be integrated for continuous deployment automation.

Can I configure a custom domain for my GitHub Pages portfolio site?▼

Yes, you can configure a custom domain for hosting your portfolio website. The Skill sets up the necessary routing and configuration to map your custom domain to the deployed GitHub Pages static site.

Does this Docusaurus setup support a project showcase and a blog?▼

Yes, the Docusaurus setup supports both a project showcase and a blog. It creates a project page for platform work with tech tags and impact metrics, alongside a dedicated blog section for technical writing and articles.

What is the best way to automate Docusaurus deployment to GitHub Pages?▼

The best way to automate Docusaurus deployment to GitHub Pages is by using GitHub Actions for CI/CD. This Skill optionally integrates GitHub Actions to handle continuous integration and deployment automatically upon content updates.

Related Skills

Explore More Product & Management Skills→
lpjhelderlpjhelder

forge-setup

Install and configure kronon-forge with Node.js and npm.

Community
Intermediate
Tobbe3108Tobbe3108
3

github-pages-deployment

Automate static site deployment to GitHub Pages via gh-pages and CI/CD workflows.

Community
Intermediate
yunseo-kimyunseo-kim
1

ai-elements

Provide pre-built React components for AI-native chat and code UIs.

Community
Advanced
brainbrewlabsbrainbrewlabs
7

doc-publishing

Publishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.

Official
Intermediate