Practical overview
When it fits
Use it when configuring coding-agent instructions around a particular development task, especially when the work needs a repeatable review, isolation or evidence workflow.
Who it is for
- Developers using Claude Code, Cursor or Codex who want reusable, task-specific agent instructions.
- Teams seeking workflows for visual change proof, code organization, worktree isolation, testing evidence or review feedback.
Documented uses
- Install reusable task-specific skills into a coding-agent setup.
- Capture before-and-after screenshots and produce a pull-request comparison table.
- Guide service-layer architecture decisions and isolate repository edits in Git worktrees.
- Record evidence of changed behavior or work through documented review loops.
Requirements & limits
The repository README provides an npx installation command for most coding agents and describes automatic or explicit skill invocation in Claude Code.
- The repository contains separate skills for distinct tasks; select the relevant folder rather than treating the collection as a single all-purpose workflow.
- The before-and-after skill uses the @vercel/before-and-after CLI and names @vercel/before-and-after and agent-browser as installation requirements.
- The evidence-driven-testing skill describes different approaches for desktop capture and headless environments, with additional recorder prerequisites.
- The README describes an AGENTS.md template that selects applicable workflow steps, including different handling for read-only, documentation and code changes.
Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.
Add the Skills collection to a coding-agent setup
Install the repository's skills using the documented npx command.
Before you start
- A coding-agent setup supported by the npx skills installer.
- Node.js tooling capable of running npx.
Steps
Run the command below.
npx skills add michaelshimeles/skillsFor Claude Code, allow matching skills to be invoked automatically or invoke a skill explicitly by its documented name, such as
/code-structure.Consult the selected skill's instructions for its task-specific tools and prerequisites.
Expected outcome
The repository's skill folders are added through the documented installer for use in a coding-agent workflow.
Guide limitations
- The installation command does not by itself describe how to configure every individual skill or its external integrations.
- The README documents a separate copy command for the greploop-apps entrypoint, which requires both greploop folders.
Prepare a before-and-after screenshot workflow
Install the CLI packages named for the before-and-after skill so it can capture visual comparisons.
Before you start
- The before-and-after skill from the repository.
- npm available for global package installation.
Steps
Install the named packages with the command below.
npm i -g @vercel/before-and-after agent-browserUse the skill for a comparison of two URLs, two existing images, or a mix of URLs and images.
The skill captures the before-and-after screenshots and outputs a PR-ready markdown comparison table.
Expected outcome
A documented workflow for producing visual comparison evidence for a pull request.
Guide limitations
- The README describes the skill's function and installation command but does not provide detailed comparison flags or a complete invocation sequence in the available text.
Compare options for AI coding assistance
These projects document a common task and share a project role. This is a source-based comparison, not an execution benchmark or a guarantee of interchangeability.
| Project | Documented purpose | Platform | Access and requirements |
|---|---|---|---|
| Skills — michaelshimeles | Install reusable task-specific skills into a coding-agent setup. | CLI | The repository README provides an npx installation command for most coding agents and describes automatic or explicit skill invocation in Claude Code. |
| Spectra | Clarify requirements and compare approaches before proposing a change. | CLI, Desktop | The README lists a macOS and Windows desktop app, and a Homebrew installation for macOS. The CLI is published through npm and requires Node.js 22.14 or newer. |
| Agent Skills — apify | Install scraping instructions into a coding agent and request structured web data. | CLI | The README lists an Apify account as a prerequisite and notes a free tier. It recommends installing and authenticating the Apify CLI; an API token is a fallback for headless or CI environments. Node.js 20.6 or later is required by the CLI and Ultimate Scraper skill. |
Sources & review
Source record details
- Source availability
- Active
- Sources checked
- 16 October 2026
- Original website title
- michaelshimeles/skills · Official homepage title · retained in its source language

