AI Agent Skills

Create a dark HTML landing page that presents a software product through motion and a clear call to action. Useful for turning a product brief into a focused marketing page.

Explore a browser character builder with editable shapes, materials and outfits. Use it as a starting point for a branded avatar tool.

Build a footwear storefront around sage accents, editorial photography and product grids. Prepare product details and connected store pages for a coherent shopping journey.

Connect a developer biography, projects, writing and career milestones in one portfolio. Prepare the links and evidence that best explain the work.

Obsidian Cinema Landing is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Glass Navigation · Serif Display · Cinematic Dark. Compare the public examples with your brief before choosing this skill.

Harbor SaaS Suite is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Porcelain Teal · Pill Interface · Soft Elevated Cards. Compare the public examples with your brief before choosing this skill.

Cobalt Serif Freelancer Site is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Portfolio Site · Editorial Serif · Cobalt Monochrome · Duotone Portrait. Compare the public examples with your brief before choosing this skill.

Orbit Startup Landing is a web interface workflow available on Skillry. Its source catalog highlights Build Landing Page · Beam Motion · Bento Grid · Clean Neutral. Compare the public examples with your brief before choosing this skill.

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.

API and CLI for generating a markdown TOC (table of contents) for a README or any markdown files. Uses Remarkable to parse markdown. Used by NASA/openmct, Prisma, Joi, M…

Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched actions,…

Build forms, validate data, and react to user input in Blazor. USE FOR adding forms, search boxes, filter panels, inline editing, data-entry UI, file uploads, validation…

Make interactive Blazor components work correctly with prerendering. USE FOR fixing duplicate data loads, UI flicker during prerender-to-interactive handoff, null refere…

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone