Create Ankur Shinde's Portfolio Website

Build a multi-section portfolio website with vanilla HTML/CSS and editorial design.

Updated May 7, 2026
One-click install
npx skills add https://github.com/ankurshnde/ankurshinde --skill create-ankur-shinde-s-portfolio-website
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Create Ankur Shinde's Portfolio Website
Source: https://github.com/ankurshnde/ankurshinde/tree/main
Command: npx skills add https://github.com/ankurshnde/ankurshinde --skill create-ankur-shinde-s-portfolio-website

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive blueprint to build a personal portfolio website that embodies a disciplined, editorial brand, enabling a clear professional presence.

Core Features & Use Cases

  • Brand system implementation: apply the Ink/Paper color system, serif/sans/mono typography, and strict spacing to create a premium editorial site.
  • Sectional architecture: hero, credentials, Bento portfolio grid, writing/insights, notes, blog, and about sections with semantic HTML and accessible markup.
  • Static to dynamic readiness: supports vanilla HTML/CSS with no UI libraries, grain texture, and performance-conscious assets for fast loading.

Quick Start

Create a responsive portfolio site following the brand system and deploy it to a hosting service.

Frequently Asked Questions about Create Ankur Shinde's Portfolio Website

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

FAQPage Schema
How do I build a portfolio website with vanilla HTML and a strict design system?

Build a portfolio website using vanilla HTML and CSS by applying a strict design system with predefined typography, spacing, and color rules to structure semantic sections like the Bento grid and hero. This ensures a premium, editorial aesthetic without UI libraries.

What is a Bento grid layout for personal portfolio sites?

A Bento grid layout for personal portfolio sites is a modular grid structure used to visually organize projects, credentials, and professional journeys into distinct, accessible content blocks within a single page view.

Does a vanilla HTML portfolio site support accessibility defaults and grain texture?

Yes, a vanilla HTML portfolio site supports accessibility defaults and grain texture. It enforces accessible semantic markup and applies a paper-grain texture overlay to achieve a premium editorial brand presence.

Can I use an editorial design system for personal branding without external UI libraries?

Yes, you can use an editorial design system for personal branding without external UI libraries. The site relies entirely on vanilla HTML and CSS to enforce strict typography, spacing, and performance-conscious assets.

What is the best way to structure a multi-section portfolio page for a designer?

The best way to structure a multi-section portfolio page is using semantic HTML to divide content into hero, credentials, Bento portfolio grid, writings, notes, blog, and about sections for clear professional presence and maintenance-friendly content structure.