Art & Design

Bootstrap a personal portfolio website from the donotdonuts.github.io template. Collects the user's name, photo, resume, social URLs, and visual-style preference (reference URL or written description), then generates the timeline / project cards / chatbot knowledge from the resume and applies a matching palette. Optional DeepSeek chatbot behind a Cloudflare Worker; the user names the bot and the agent proposes a matching emoji avatar. Deploys static to GitHub Pages. Use this when a user wants to build their own portfolio on this architecture.

Search personal websites and blogs using Exa advanced search. Full filter support for finding individual perspectives, portfolios, and personal blogs.

Search personal websites and blogs using Exa advanced search. Full filter support for finding individual perspectives, portfolios, and personal blogs.

Build responsive personal websites, portfolio sites, creator landing pages, studio homepages, and long-scroll promo pages without relying on Figma. Use when the user has content, images, screenshots, rough references, a style direction, or only a broad idea and wants AI to turn it into a polished local preview, iterate from comments, solve common frontend issues autonomously, and package a deployment-ready version for non-technical handoff.

Search personal websites and blogs using Exa advanced search. Full filter support for finding individual perspectives, portfolios, and personal blogs. Use when searching for personal sites, blog posts, or portfolio websites.

Use this skill when the user wants to find, compare, choose, or adapt a visual theme for a personal blog, personal homepage, portfolio, research homepage, digital garden, or static website. Use it to turn references from v0, Figma, GitHub themes, existing websites, screenshots, keywords, or natural-language taste preferences into natural, practical theme recommendations.

Use this skill when the user wants to create, implement, redesign, or update a zero-dependency personal website, personal blog, homepage, portfolio, research homepage, or digital garden using plain HTML, CSS, and JavaScript. Use it after a theme direction has been chosen, or when the user wants a no-framework site that can be opened directly in the browser and deployed as static files.

Find personal websites with Exa — blogs, portfolios, and homepages. Use to find a person's own writing (not press about them), discover practitioners who blog, or surface indie/portfolio sites. Runs a local script against the Exa API; no MCP server required.

Search personal websites and blogs using Exa advanced search. Full filter support for finding individual perspectives, portfolios, and personal blogs. Use when searching for personal sites, blog posts, or portfolio websites.

Polish static personal websites and portfolio/CV sites. Use when improving a personal site, terminal-style homepage, localized static pages, social preview cards, SEO metadata, JSON-LD structured data, robots/sitemap/llms files, accessibility of visual effects, professional profile wording, project descriptions, or an HTML-to-PDF CV workflow.

Find personal websites with Exa — blogs, portfolios, and homepages. Use to find a person's own writing (not press about them), discover practitioners who blog, or surface indie/portfolio sites. Runs a local script against the Exa API; no MCP server required.

Use this skill after a personal website or blog style direction is roughly known and before building an original site. It searches for real websites, templates, portfolios, blogs, screenshots, or design examples that match the chosen direction, inspects them with browser or screenshot tools when available, and turns the findings into a practical design reference brief for make-personal-site. Use it for requests like finding references for a natural technical blog, cozy research homepage, brutalist portfolio, digital garden, minimal notes site, or any named visual direction that still needs concrete examples.

Search personal websites and blogs using Exa. Finds individual perspectives, portfolios, tutorials, and personal blogs. Use when searching for personal sites, blog posts, practitioner deep-dives, or portfolio websites.

Route and coordinate the personal website skill suite for creating, recreating, personalizing, adding content to, validating, editing, or preparing a static personal website or blog. Use when the agent needs to choose between theme search, style reference research, original build, website style recreation, personalization, post import, review, local edits, or publishing preparation, or when the user asks what step comes next in an existing site-building workflow.

Run the complete idea-to-personal-website or blog workflow. Use when the user wants a one-click or end-to-end pipeline from a vague idea, reference URL, template, personal materials, style direction, or writing drafts to concrete style references, a validated static personal site, and optionally a live deployment on GitHub Pages, Cloudflare Pages, Netlify, or Vercel.

Publish, deploy, or prepare a finished static personal website, blog, portfolio, or style recreation for hosting on GitHub Pages, Cloudflare Pages, Netlify, or Vercel. Use when the user asks to publish a static site, configure deployment settings, add GitHub Pages workflows, choose a static hosting platform, prepare a repo for Pages/Cloudflare/Netlify/Vercel, verify a deployed URL, or explain how to deploy a site folder such as site/, dist/, out/, public/, or docs/.

Audit a design portfolio website against what top design leaders actually look for when hiring. Use with /portfolio-audit <url>.

Elicits and prioritises user needs (needs, pains, desires) as job stories — produces opportunities ready for product strategy

Audits existing surface against lower-layer decisions and produces a surface decision inventory — vocabulary, object consistency, completeness, feedback, hierarchy, accessibility

Maps interaction structure and flow — produces breadboard notation with edge cases, failure paths, and open decisions

Connects user opportunities to business outcomes and solution bets — produces a strategy tree and prioritised experiments

Diagnostic audit across all seven layers — identifies the bottleneck layer and recommends where to focus

Defines the product's objects, relationships, states, and vocabulary independently of any interface — the most load-bearing layer

Framework orientation for Layers of Product Design — load this first; provides the context all other skills depend on