A portable skill pack for coding agents that provides composable skills like UI mockups, local web app driving, repository indexing, and Git worktree management.

Stars

9

7-day growth

No data

Forks

4

Open issues

0

License

Apache-2.0

Last updated

2026-07-29

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It offers a standardized, composable skill format with optional upstream integrations, enabling agents to perform structured tasks like grounded UI design and isolated Git work, all installable via a CLI.

Who it is for

  • Developers building or extending coding agents
  • Users of the Vercel skills CLI
  • Front-end engineers wanting agent-assisted UI mockups
  • Git workflow automation practitioners

Use cases

  • Ground UI visual specifications before implementation using ui-mockups and drive-local-webapp
  • Automate testing of local web apps with headless Chromium screenshots
  • Index and keep a repository current with codebase-memory-mcp via cbm-onboard
  • Create isolated Git worktrees for issue branches or PRs using spin-worktree

Strengths

  • Skills are composable and designed to work together, e.g., the UI workflow bundles the browser driver
  • Installation is simple via the standard `skills` CLI with per-skill or --all options
  • Optional upstream skills (e.g., grilling, codebase-design) can be added for enhanced workflows without breaking core functionality
  • Clear documentation of extra requirements and security notes (e.g., skills may modify repos or install hooks)

Considerations

  • Some skills require specific tools (Node.js 20+, Playwright, Git, GitHub CLI) that must be pre-installed
  • Optional upstream skills are not bundled; users must install them separately from the owner's repository
  • Skills that start processes or modify repositories may need careful review before execution

README quick start

Connor Griffin's agent skills

A portable skill pack for coding agents. Skills live under skills/ and work with clients that support the Agent Skills format. Some skills compose: the UI workflow uses the bundled browser driver for rendered evidence.

Included skills

SkillPurposeExtra requirement
ui-mockupsExplore grounded UI directions and lock one visual spec before implementationdrive-local-webapp for rendered review; parallel-agent support is recommended
drive-local-webappDrive and screenshot a local web app with headless ChromiumNode.js 20+; installs Playwright locally
cbm-onboardIndex a repository with codebase-memory-mcp and keep it currentcodebase-memory-mcp on PATH
spin-worktreeCreate isolated Git worktrees for issue and PR workGit; GitHub CLI only for --pr discovery

Install

Install the primary UI workflow with its required browser driver using the standard skills CLI:

npx skills add ConnorGriffin/skills \
  --skill ui-mockups \
  --skill drive-local-webapp

Install another skill by itself:

npx skills add ConnorGriffin/skills --skill spin-worktree

Install every skill:

npx skills add ConnorGriffin/skills --all

The CLI prompts for the target agents and whether to install per-project or globally. Review skill instructions and scripts before running them; several skills intentionally start processes, modify repositories, or install Git hooks.

Optional upstream skills

Optional integrations are enhancements, not hidden runtime requirements:

  • Codebase Memory: accelerates structural exploration. Without it, use ordinary repository search and file reads.
  • grilling: sharpens the UI brief. Without it, run the short inline interview described by ui-mockups.
  • codebase-design: helps shape non-trivial render logic. Without it, keep the shipping module shape and preserve locality.
  • impeccable: adds a final visual-quality audit. Without it, run the explicit contrast, focus, overflow, and target-size checks.

Install Matt Pocock's optional skills from their owner rather than copying them into this pack:

np

Description

Portable coding-agent skills for UI mockups, browser verification, Codebase Memory, and isolated worktrees.

Related repositories

Similar projects matched by category, topics, and programming language.

yetone
Featured
yetone GitHub avatar

kill-ai-slop

Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.

AI & Machine LearningAI Agents
805
gnipbao
Featured
gnipbao GitHub avatar

story-to-handdrawn-video

A Remotion-based tool that converts Chinese story text or ordered hand-drawn images into vertical hand-drawn diary-comic animation with handwritten captions, left-to-right reveals, optional page-curl transitions, and silent H.264 output for post-production dubbing.

AI & Machine LearningAI Agents
683
makecindy
Featured
makecindy GitHub avatar

cindy

Cindy is an open-source AI agent that runs locally on your machine, integrates multiple AI harnesses and models, and provides memory, skills, and automation to perform real work in your projects and apps.

AI & Machine LearningLarge Language Models
958