dev-skills

Appearance

dev-skillsAI Coding Agent Skills

A library of reusable development skills for Claude Code, GitHub Copilot, Antigravity CLI, and Pi

Browse Skills
GitHub
🤖

Agent Instructions

Reduce approvals, re-read instructions, interview workflows, research, recaps

🧩

Agent Skills

Create, install, and maintain skills

🛠️

Coding Agents

AI coding agent setup, configuration, permissions, environment, MCP integration

⚡

JavaScript

Async/await, promises, iterators, collections, modules, patterns, randomness, telemetry

🚀

Node.js

Express, file utilities, HTTP/RPC, ESM/CJS modules, processes, SQL, SSR

🌐

Browser HTTP

Fetch API wrappers, Axios HTTP clients, error handling, connection-status detection

🎬

Web Animation

View Transitions API, overlay morphing, animated SVGs with CSS keyframes

🧱

Web Components

Encapsulation, async component loading, document bootstrap, HTML includes, reactive DOM binding

🎨

CSS Techniques

Focus styling, color scales, dynamic styles via custom properties and CSS-in-JS, text highlighting

♿

Web Accessibility

Accessible UI patterns — roving tabindex, focus styling, keyboard navigation

🏗️

DOM Patterns

DOM querying, element creation, declarative behavior, semantic selectors

📐

Web Layout

Anchor positioning for floating UI, stable button layouts, full-area click targets

🪟

Web Modals

Inert background control, scroll locking, nested modal coordination

🧭

Web Patterns

Reactive page URL tracking, Navigation API, history push/replace

🧪

Web Prototyping

Browser module system, CDN script loading, SVG sprite icons, single-file HTML apps

🍎

Apple Development

XcodeBuildMCP, SwiftUI project setup, build-screenshot-fix loop, TestFlight

💚

Vue

Components, composables, reactivity, directives, form handling, data loading

⚡

Vite

Config, MPA entry-point discovery, path aliases, HTML includes plugin

📖

VitePress

Auto-generated navigation, copy buttons, homepage heroes, page data transforms

🔀

Git

Commits, conflict resolution, worktrees, branch naming, patch replay

🐙

GitHub

CLI, issue editing, packages, pages, pull requests, CI browser tests, workflow

🧪

Testing

JavaScript tests, Playwright browser tests, screenshot diffs, agent evals

🎨

Code Style

Indentation, line length, braces, trailing commas; Bash, CSS, HTML, JS, Markdown

🔎

Code Design

Intention-revealing names and contents — code that reads as prose, not syntax

✍️

Writing Style

Voice, tone, conciseness, active voice, parallel structure, clarity

🤖

Browser Automation

Authenticated Playwright sessions, file handling, content diffing, persistent browsers, CLI commands, site interaction

🔧

Dev Tasks

Address FIXMEs, fix npm vulnerabilities, macOS source volumes

🧭

Development Methods

Phased migrations, verified refactoring, TDD, root cause diagnosis

☁️

Google Cloud

Cloud SQL Proxy, App Engine deployment, gcloud CLI, service accounts

🎨

Design

Establish visual direction via style tiles before building UI — translate intended user response into visual attributes and candidate directions

🎭

Personas

Full-stack engineer, product designer, product manager expert personas

💬

Prompt Engineering

Convergence prompts, task list workflows, TDD patterns

Installation ​

sh
git clone https://github.com/chriscalo/dev-skills.git
cd dev-skills
./scripts/skills.sh install

This symlinks skills to ~/.claude/skills/, ~/.codex/skills/, ~/.copilot/skills/, ~/.agents/skills/ (Gemini CLI), ~/.gemini/antigravity/skills/, and ~/.pi/agent/skills/.

Building Skills for Claude.ai ​

Generate individual zip files for uploading to Claude projects:

sh
./scripts/zip.sh

Zips are created in dist/ — upload them where agent skills are supported.

Using Skills ​

Skills auto-load based on context. You can also reference them directly in your prompts.

About ​

This library provides reusable development skills following the Agent Skills standard. Skills work with Claude Code, GitHub Copilot, Antigravity CLI, and Pi.

For detailed information, see the GitHub repository.