Robert Ritacca
Community@robritacca-dotcom · Toronto
Product designer in Toronto who ships his own code. Building @robr0/design-system and the AI-powered site around it at robertritacca.com.
Agent Skills by Robert Ritacca
Showing 30 vetted skills indexed across 1 GitHub repositories.
robritacca-dotcomrobr0-design-system
Build React UI with the @robr0/design-system component library and design tokens.
robritacca-dotcomland
Triages and merges all pending git branches, worktrees, and stashes into a local main.
robritacca-dotcomtoken-audit
Scans CSS and component TS/TSX files for hardcoded values that should use design tokens.
robritacca-dotcomgrowth-loop
Runs a weekly GA4-driven copy experiment on a Next.js portfolio site.
robritacca-dotcomseo-audit
Audits rendered HTML for metadata, canonicals, sitemap, robots, and structured data issues.
robritacca-dotcomcheckpoint
Commits and pushes work in progress to a remote git branch without touching main.
robritacca-dotcomnew-validator
Authors validator or generator scripts and wires them into the validate-registry build chain.
robritacca-dotcomai-visibility
Measures search engine and AI assistant visibility of a website and trends results across monthly runs.
robritacca-dotcomrelease-post
Generates an X release announcement with a bento-grid card rendered to PNG via headless Playwright.
robritacca-dotcompark
Commits session work to a remote branch and returns to a clean main.
robritacca-dotcomdesign-qa
Reviews rendered components and pages against design principles and fixes visual defects.
robritacca-dotcomcontent-audit
Audit prose against content-design.md for banned words, voice violations, and register mismatches.
robritacca-dotcomnew-component
Scaffolds a new React design system component with files, registration, and documentation steps.
robritacca-dotcomrelease
Publishes versioned npm releases of a React design system via a provenance-signed GitHub Actions workflow.
robritacca-dotcomheuristic-analysis
Evaluates pages or components against Nielsen's 10 Usability Heuristics and produces a severity-rated findings report.
robritacca-dotcomnew-page
Creates a new website page with the standard layout shell and full navigation registration.
robritacca-dotcomapi-consistency
Reviews React component prop interfaces for naming inconsistencies and contract violations across a design system.
robritacca-dotcomcomponent-doc-page
Creates documentation pages for design system components on a Next.js website.
robritacca-dotcomaccessibility-audit
Audits React components and pages against WCAG 2.1 AA criteria.
robritacca-dotcomsite-updates
Curates git history into concise thematic entries for a project journal timeline.
robritacca-dotcompre-deploy
Runs the full local verify pipeline to confirm a Next.js site is safe to push to Vercel.
robritacca-dotcomlink-rot
Checks external links in the built site and fixes dead ones on a local branch.
robritacca-dotcomchat-quality
Converts live chat thumbs feedback into golden-set eval cases and fixes on a local branch.
robritacca-dotcomsuper-ship
Chains a full drift audit with the ship flow to fix stale docs and deploy structural changes.
Frequently Asked Questions About Robert Ritacca
FAQPage SchemaWhat tasks can I accomplish with Robert Ritacca's skills?▼
You can build and document React components for @robr0/design-system, add design tokens and template screens, run accessibility, visual, content, and token audits, cut npm releases, and operate robertritacca.com loops for SEO, link rot, chat quality, and growth experiments.
Who are these skills designed for?▼
They target a product designer-engineer maintaining a personal design system and marketing site solo. The skills encode repo-specific conventions like ds- BEM naming, token-only CSS, the validate-registry build chain, and branch-based approval flows for one maintainer shipping alone.
How do the deployment and release skills work in practice?▼
The ship skill commits, runs the full local verify mirroring CI, merges to main, pushes, watches CI go green, then proves the deployed site renders via a live hydration smoke test. The release skill bumps the version, dry-runs the npm tarball, publishes with signed provenance, and tags the exact shipped commit.
What quality checks run before changes go live?▼
The pre-deploy skill runs lint, library type-check, package build, every Storybook story as render, interaction, and axe accessibility tests via Vitest and headless Chromium, the Next.js website build, built-HTML validators, and served-site checks including hydration smoke and page-level axe in both themes.
Do the maintenance loops ever push or deploy automatically?▼
No. Loops like growth-loop, seo-audit, link-rot, site-updates, and chat-quality analyze data, implement fixes on a local branch in a temporary worktree, and write a report for human approval. They never push, merge, or deploy; only the explicit ship and super-ship skills make work live.