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.