<header> for introductory content and navigation<main> for the primary content (one per page)<footer> for footer content<nav> for navigation sections<aside> for tangentially related content<article> for self-contained, distributable content<section> for thematic grouping of content<h1> through <h6>)<h1> per page, representing the main topic<p> for paragraphs<ul>, <ol>, <dl> for lists appropriately<blockquote> for quotations<figure> and <figcaption> for illustrations<button> for clickable actions that don't navigate<a> for links that navigate to URLshref attribute on links<div> or <span> for clickable elements<form> with proper action and method attributesfor attributeemail, tel, number, etc.)<fieldset> and <legend>required, pattern, , )alt attribute for imagesalt="" for decorative imagessrcset and sizes for responsive imageswidth and height to prevent layout shiftposter attribute for video thumbnailsaria-label for accessible namesaria-describedby for additional descriptionsaria-hidden for decorative elementsaria-expanded for expandable sectionsaria-live for dynamic content updatesrole="main", role="navigation", etc., only when semantic elements aren't available<!DOCTYPE html> declaration<html> element<font>, <center>, <b>, <i> for styling<strong> and <em> for semantic emphasisWhen using HTMX for interactivity:
hx-get, hx-post attributes for server requestshx-target to specify update targetshx-swap to control how content is insertedhx-confirm for critical actionshx-push-url for URL updates without full refreshWhen using Bootstrap:
defer or async when appropriateloading="lazy" for below-fold images<link rel="preload">minmax
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.
CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.
CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).