npx skills add smithery/johnlindquist --skill bundle
johnlindquist/claude
bundle
Bundle and share code as gists or markdown. Use to create shareable code bundles, extract imports, and create GitHub gists.
Installation
npx skills add johnlindquist/claude --skill bundle
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…
866.4K installsBrowser automation CLI for AI agents. Use when the user needs to interact with websites, includ…
810.4K installsReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…
617.3K installsBuild, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …
576.5K installsDebug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …
568.9K installsAlso in this package
Other skills from johnlindquist/claude · top by installs.
npx skills add johnlindquist/claude
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Also listed on
Alternate registries and mirrors of this skill.
Repository health
main
Skill metadata
Parsed from SKILL.md frontmatter.
Package contents
Files included with this skill beyond the listing page.
-
skill md
SKILL.md4,662 B -
docs
SUMMARY.md137 B
History
- First seen on skills.sh
- First recorded snapshot · 36 installs
SKILL.md
Code Bundler
Bundle code for sharing via gists or markdown.
Prerequisites
# GitHub CLI for gists
brew install gh
gh auth login
CLI Reference
GitHub Gists
Create Gist
# Single file gist (public)
gh gist create file.ts
# Private gist
gh gist create --private file.ts
# Multiple files
gh gist create file1.ts file2.ts file3.ts
# With description
gh gist create -d "My code snippet" file.ts
# From stdin
echo "console.log('hello')" | gh gist create -f hello.js
# Public with description
gh gist create -d "Utility functions" --public utils.ts helpers.ts
List Gists
# Your gists
gh gist list
# With limit
gh gist list --limit 20
# Public only
gh gist list --public
# Secret only
gh gist list --secret
View Gist
# View gist content
gh gist view <gist-id>
# View specific file
gh gist view <gist-id> --filename utils.ts
# Get raw content
gh gist view <gist-id> --raw
Edit Gist
# Edit in editor
gh gist edit <gist-id>
# Add file to gist
gh gist edit <gist-id> --add newfile.ts
# Remove file
gh gist edit <gist-id> --remove oldfile.ts
Clone Gist
# Clone as repo
gh gist clone <gist-id>
# Clone to specific directory
gh gist clone <gist-id> my-snippet
Delete Gist
gh gist delete <gist-id>
Bundle Patterns
Bundle File with Dependencies
#!/bin/bash
# bundle-file.sh - Bundle a file with its local imports
FILE=$1
OUTPUT=${2:-bundle.md}
echo "# Code Bundle" > $OUTPUT
echo "" >> $OUTPUT
echo "## Main File: $FILE" >> $OUTPUT
echo '```typescript' >> $OUTPUT
cat $FILE >> $OUTPUT
echo '```' >> $OUTPUT
# Extract and include imports
grep -E "^import.*from ['\"]\./" $FILE | while read import; do
# Extract path
path=$(echo $import | sed -E "s/.*from ['\"](.+)['\"].*/\1/")
resolved="${path}.ts"
if [ -f "$resolved" ]; then
echo "" >> $OUTPUT
echo "## $resolved" >> $OUTPUT
echo '```typescript' >> $OUTPUT
cat "$resolved" >> $OUTPUT
echo '```' >> $OUTPUT
fi
done
echo "Bundle created: $OUTPUT"
Create CLAUDE.md for Project
#!/bin/bash
# Generate project context file
OUTPUT="CLAUDE.md"
echo "# Project Context" > $OUTPUT
echo "" >> $OUTPUT
# Package info
if [ -f "package.json" ]; then
echo "## Dependencies" >> $OUTPUT
echo '```json' >> $OUTPUT
jq '.dependencies' package.json >> $OUTPUT
echo '```' >> $OUTPUT
fi
# Key files
echo "" >> $OUTPUT
echo "## Key Files" >> $OUTPUT
for f in src/index.ts src/main.ts app.ts; do
if [ -f "$f" ]; then
echo "" >> $OUTPUT
echo "### $f" >> $OUTPUT
echo '```typescript' >> $OUTPUT
head -100 "$f" >> $OUTPUT
echo '```' >> $OUTPUT
fi
done
Share Code Snippet
# Quick share a file as gist
share-code() {
local file=$1
local desc=${2:-"Code snippet"}
gh gist create -d "$desc" --public "$file" | tail -1
}
# Usage
share-code src/utils.ts "Utility functions"
Import Extraction
Find All Imports
# Extract import statements
grep -h "^import" src/**/*.ts | sort -u
# External imports only
grep -h "^import" src/**/*.ts | grep -v "from '\.\." | sort -u
# Local imports only
grep -h "^import" src/**/*.ts | grep "from '\.\." | sort -u
Dependency Graph
# Show what imports what
for f in src/**/*.ts; do
echo "=== $f ==="
grep "^import" "$f" | sed 's/.*from / <- /'
done
Gist Workflow
Code Review Share
# Share specific function for review
FILE=src/auth.ts
START=$(grep -n "export function login" $FILE | cut -d: -f1)
END=$(tail -n +$START $FILE | grep -n "^}" | head -1 | cut -d: -f1)
sed -n "${START},$((START+END-1))p" $FILE | \
gh gist create -d "Login function for review" -f login.ts
Quick Demo
# Create runnable demo
cat > /tmp/demo.ts << 'EOF'
// Demo: Array utilities
const nums = [1, 2, 3, 4, 5];
console.log(nums.filter(n => n % 2 === 0));
EOF
gh gist create -d "Quick demo" --public /tmp/demo.ts
Documentation Gist
# Bundle docs with code
gh gist create \
-d "My utility library" \
README.md \
src/utils.ts \
examples/usage.ts
Best Practices
- Add descriptions - Use
-dfor context - Use private by default - Unless intentionally sharing
- Include README - Explain what the code does
- Version important gists - Clone and commit changes
- Clean before sharing - Remove secrets, comments
- Bundle dependencies - Include necessary context