Skip to content

Instantly share code, notes, and snippets.

View kevnk's full-sized avatar

Kevin Kirchner kevnk

View GitHub Profile
@kevnk
kevnk / skillify.md
Last active January 26, 2026 20:12
description: Convert CLAUDE.md/AGENTS.md sections or individual command/agent files into modular skills
description
Convert CLAUDE.md/AGENTS.md sections or individual command/agent files into modular skills

Skillify

Extract reusable modules from instruction files (CLAUDE.md, AGENTS.md) or individual files (commands, agents, markdown) into modular skills. The original file is preserved but trimmed down with skill references, reducing context while maintaining functionality.

Arguments

@kevnk
kevnk / auto-implement.md
Last active January 16, 2026 20:37
Custom Claude Code command for Automated phase-by-phase plan executor using Task tool with full tool access
description
Automated phase-by-phase plan executor using Task tool with full tool access

Auto-Implement Plan

You are executing an automated implementation workflow that runs each phase of a plan using the Task tool, which spawns agents with full tool access. Each phase agent can spawn parallel sub-agents for exploration, architecture, and review.

Arguments

@kevnk
kevnk / deep-surfacer.md
Created October 17, 2025 15:42
Deep-Surfacer Agent - Meta-analyst for multi-perspective synthesis
name description tools color
deep-surfacer
Synthesizes findings from multiple parallel deep-dive investigations, comparing perspectives to produce unified recommendations with confidence levels. Identifies consensus and conflicts across optimistic, cynical, pragmatic, and baseline analyses. Surfaces high-confidence solutions and flags areas requiring human judgment.
TodoWrite
cyan

Agent Purpose

The deep-surfacer agent synthesizes findings from multiple parallel deep-dive investigations (typically conducted from different perspectives: optimistic, cynical, pragmatic, baseline) and produces a unified recommendation with cross-validated confidence levels. It acts as a meta-analyst that compares different analytical perspectives to identify consensus, conflicts, and the most reliable solutions.

### Keybase proof
I hereby claim:
* I am kevnk on github.
* I am kevnk (https://keybase.io/kevnk) on keybase.
* I have a public key ASC8jx4OIKgjnjFGjW52pn1z9w9goVqKKpCFqC7Bp8uBKQo
To claim this, I am signing this object:
@kevnk
kevnk / index.css
Last active October 14, 2024 15:53
grayscale.design css default scale for darkmode
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
/* Grayscale Design palette: https://grayscale.design/app?lums=93.87,82.28,68.67,49.10,40.20,32.78,13.29,9.31,6.30,2.62,1.30,0.52&palettes=%239c2733,%23b79de7,%2331c264,%236ab2d9,%23352220&filters=0%7C0,0%7C0,0%7C0,0%7C0,3.8%7C8.7&names=red,purple,green,blue,brown&labels=,,,, */
:root {
--grayscale-50: 248 248 248;
--grayscale-100: 234 234 234;
--grayscale-200: 216 216 216;
@kevnk
kevnk / alpinejs-parallax.js
Last active June 14, 2025 00:09
Parallax directive for alpinejs
/**
* Installation and setup:
* 0. Install AlpineJS: `npm i -S alpinejs`
* 1. Make sure AlpineJS is running by adding `x-data` attribute on opening `<body>` tag
* 2. Add `x-parallax="path/to/image.jpg"` on element to add parallax bg image
*
* PS. this code was partially generated from ChatGPT 4
*/
// Helper function to load an image and return its natural dimensions
@kevnk
kevnk / alpinejs-aos.js
Created April 27, 2023 17:44
AOS for AlpineJS
/**
* Installation and setup:
* 0. Install AlpineJS: `npm i -S alpinejs`
* 1. Install AOS (we're just using their CSS): `npm i -S aos`
* 2. Make sure AlpineJS is running by adding `x-data` attribute on opening `<body>` tag
* 3. Add `x-aos:fade-up` on element to add animation
* 4. Override defaults (500ms duration and 'ease-out-cubic' easing) by passing object of options in the expression:
* eg. `x-aos:fade-up="{duration:2000,easing:'linear'}"`
*/
@kevnk
kevnk / Emmet.sublime-settings
Created June 3, 2022 15:09
Emmet snippets for Tailwind CSS
{
"config": {
"stylesheet": {
"options": {
"stylesheet.between": "-",
"stylesheet.after": " ",
"stylesheet.intUnit": "",
},
"snippets": {
// "": "sm:",
@kevnk
kevnk / color.js
Created May 31, 2022 17:55
Converting web color formats in javascript - Used on https://grayscale.design
export function hexToRGB(hex) {
let r = 0;
let g = 0;
let b = 0;
if (hex.length === 4) {
r = `0x${hex[1]}${hex[1]}`;
g = `0x${hex[2]}${hex[2]}`;
b = `0x${hex[3]}${hex[3]}`;
} else if (hex.length === 7) {
r = `0x${hex[1]}${hex[2]}`;
@kevnk
kevnk / AuthServiceProvider.php
Last active May 26, 2022 14:32 — forked from paulofreitas/AuthServiceProvider.php
Extending the default EloquentUserProvider (Laravel 9)
<?php
namespace App\Providers;
use App\Auth\UserProvider;
use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
class AuthServiceProvider extends ServiceProvider
{
/**