Skills

A collection of Claude Code skills to supercharge your development workflow

Install Skills · Browse Skills · Report Bug · Request Feature

Screenshot

About

Skills is a curated collection of 25 reusable automation workflows for Claude Code and 40+ compatible AI coding platforms. Each skill provides a specialized capability — from secure secrets management to one-command cloud deployments — all installable with a single npx command.

Key Features

Universal Install — One command installs to all supported AI platforms automatically
Secret Detection — Scan for 20+ types of exposed credentials before pushing
Secrets Management — Enforce .env-based secrets across all platforms (Node, Python, Go, Rust, Java, Swift, Android, Flutter, etc.)
Auto Documentation — Generate professional READMEs with screenshots, badges, and architecture diagrams
One-Click Deploy — Deploy to Vercel or GitHub Pages with zero manual configuration
Social Sharing — Create engaging LinkedIn posts to showcase your projects
Docker Hub — Build and push Docker images to Docker Hub with auto-generated Dockerfiles
Start App — Auto-detect and start any app on localhost with auto-open browser
App Testing — Test app functionality on localhost or live sites using Playwright MCP
AI Research — Deep research and slide generation via NotebookLM
AI Avatars — Create talking head videos with OmniHuman, Fabric, PixVerse
Frontend Design — Build distinctive, production-grade web interfaces
Best Practices — React, React Native, Stripe, Supabase Postgres, Remotion guidelines

Available Skills

DevOps & Deployment

Skill	Description	Install
github-push	Secure git push with secret detection, auto-README, repo setup & discussions	`npx skills add https://github.com/alfredang/skills --skill github-push`
github-about	Auto-update repo description, live site URL & topics from codebase analysis	`npx skills add https://github.com/alfredang/skills --skill github-about`
github-page	Deploy to GitHub Pages with auto-generated Actions workflow	`npx skills add https://github.com/alfredang/skills --skill github-page`
github-pages	Deploy to GitHub Pages with auto-generated Actions workflow (alternative)	`npx skills add https://github.com/alfredang/skills --skill github-pages`
vercel-deployment	Deploy to Vercel with auto project naming & auth disable	`npx skills add https://github.com/alfredang/skills --skill vercel-deployment`
docker-hub	Build & push Docker images to Docker Hub with auto-generated Dockerfiles	`npx skills add https://github.com/alfredang/skills --skill docker-hub`
start-app	Auto-detect & start any app on localhost with auto-open browser	`npx skills add https://github.com/alfredang/skills --skill start-app`
app-testing	Test app functionality on localhost or remote live sites using Playwright MCP	`npx skills add https://github.com/alfredang/skills --skill app-testing`

Security

Skill	Description	Install
secrets	Enforce secure secrets management — never hardcode API keys, OAuth2 secrets, tokens, or credentials across all platforms	`npx skills add https://github.com/alfredang/skills --skill secrets`

Documentation & Social

Skill	Description	Install
readme	Generate or update professional README.md with Playwright screenshots, badges & architecture diagrams	`npx skills add https://github.com/alfredang/skills --skill readme`
linkedin-project-post	Create LinkedIn posts with emojis, hashtags, features, tech stack & CTA	`npx skills add https://github.com/alfredang/skills --skill linkedin-project-post`

Frontend & Design

Skill	Description	Install
frontend-design	Create distinctive, production-grade frontend interfaces with high design quality	`npx skills add https://github.com/alfredang/skills --skill frontend-design`
web-design-guidelines	Review UI code for Web Interface Guidelines compliance	`npx skills add https://github.com/alfredang/skills --skill web-design-guidelines`
building-native-ui	Complete guide for building beautiful apps with Expo Router	`npx skills add https://github.com/alfredang/skills --skill building-native-ui`

Best Practices & Frameworks

Skill	Description	Install
vercel-react-best-practices	React and Next.js performance optimization guidelines from Vercel Engineering	`npx skills add https://github.com/alfredang/skills --skill vercel-react-best-practices`
vercel-react-native-skills	React Native and Expo best practices for performant mobile apps	`npx skills add https://github.com/alfredang/skills --skill vercel-react-native-skills`
vercel-composition-patterns	React composition patterns that scale — compound components, render props, context	`npx skills add https://github.com/alfredang/skills --skill vercel-composition-patterns`
stripe-best-practices	Best practices for building Stripe integrations	`npx skills add https://github.com/alfredang/skills --skill stripe-best-practices`
supabase-postgres-best-practices	Postgres performance optimization and best practices from Supabase	`npx skills add https://github.com/alfredang/skills --skill supabase-postgres-best-practices`
remotion-best-practices	Best practices for Remotion — video creation in React	`npx skills add https://github.com/alfredang/skills --skill remotion-best-practices`
python-performance-optimization	Profile and optimize Python code using cProfile, memory profilers & best practices	`npx skills add https://github.com/alfredang/skills --skill python-performance-optimization`

AI & Research

Skill	Description	Install
notebooklm	Deep research & slide presentations via NotebookLM MCP	`npx skills add https://github.com/alfredang/skills --skill notebooklm`
ai-avatar-video	Create AI avatar and talking head videos with OmniHuman, Fabric, PixVerse	`npx skills add https://github.com/alfredang/skills --skill ai-avatar-video`

Tools & Utilities

Skill	Description	Install
pdf	Comprehensive PDF toolkit — extract text, create, merge, split, fill forms	`npx skills add https://github.com/alfredang/skills --skill pdf`
mcp-builder	Guide for creating MCP servers to integrate external APIs and services	`npx skills add https://github.com/alfredang/skills --skill mcp-builder`
skill-creator	Guide for creating effective skills that extend Claude's capabilities	`npx skills add https://github.com/alfredang/skills --skill skill-creator`
find-skills	Discover and install agent skills from the community	`npx skills add https://github.com/alfredang/skills --skill find-skills`

Tech Stack

Category	Technology
Runtime	Node.js 18+, Shell/Bash, Python 3
AI Platform	Claude Code (Anthropic)
Automation	Playwright MCP, GitHub CLI (`gh`)
Deployment	Vercel CLI, GitHub Actions, GitHub Pages, Docker Hub
Package Manager	npx (skills CLI)
Research	NotebookLM MCP
Video	OmniHuman, Fabric, PixVerse (inference.sh)

Architecture

┌──────────────────────────────────────────────────────┐
│                  npx skills add                       │
│              (Universal Installer)                    │
└──────────────────┬───────────────────────────────────┘
                   │
                   ▼
┌──────────────────────────────────────────────────────┐
│              ~/.agents/skills/                        │
│              ~/.claude/skills/                        │
│         (Auto-detected by 40+ agents)                │
└──────────────────┬───────────────────────────────────┘
                   │
    ┌──────┬───────┼───────┬──────┬──────┬──────┐
    ▼      ▼       ▼       ▼      ▼      ▼      ▼
┌───────┐┌──────┐┌──────┐┌─────┐┌─────┐┌─────┐┌──────┐
│DevOps ││Secur-││Docs &││Front││Best ││ AI  ││Tools │
│Deploy ││ity   ││Social││end  ││Prac ││Rsrch││Utils │
│(8)    ││(1)   ││(2)   ││(3)  ││(7)  ││(2)  ││(4)   │
└───┬───┘└──┬───┘└──┬───┘└──┬──┘└──┬──┘└──┬──┘└──┬───┘
    │       │       │       │      │      │      │
    ▼       ▼       ▼       ▼      ▼      ▼      ▼
┌───────┐┌──────┐┌──────┐┌─────┐┌─────┐┌─────┐┌──────┐
│gh CLI ││.env  ││Playw-││React││Vercel││NBook││PDF   │
│Vercel ││scan  ││right ││Expo ││React ││LM   ││MCP   │
│Docker ││gitign││MCP   ││CSS  ││RN   ││Infr ││Build │
└───────┘└──────┘└──────┘└─────┘└─────┘└─────┘└──────┘

Project Structure

skills/
├── ai-avatar-video/               # AI avatar & talking head videos
├── building-native-ui/            # Expo Router native UI guide
├── docker-hub/                    # Docker Hub build & push
├── find-skills/                   # Skill discovery & install
├── frontend-design/               # Production-grade frontend design
├── github-about/                  # Auto-update repo description & topics
├── github-page/                   # GitHub Pages deployment
├── github-pages/                  # GitHub Pages deployment (alt)
├── github-push/                   # Secure git push with secret detection
│   └── scripts/scan-secrets.sh
├── linkedin-project-post/         # LinkedIn post generator
├── mcp-builder/                   # MCP server creation guide
├── notebooklm/                    # NotebookLM research & slides
├── pdf/                           # PDF manipulation toolkit
├── python-performance-optimization/ # Python profiling & optimization
├── readme/                        # README generator with screenshots
│   ├── templates/
│   └── examples/
├── remotion-best-practices/       # Remotion video best practices
├── secrets/                       # Secure secrets management
│   ├── scripts/scan_secrets.py
│   ├── references/platforms.md
│   └── assets/
├── skill-creator/                 # Skill creation guide
├── start-app/                     # Auto-detect & start any app
├── app-testing/                   # Test app via Playwright MCP
├── stripe-best-practices/         # Stripe integration best practices
├── supabase-postgres-best-practices/ # Postgres optimization
├── vercel-composition-patterns/   # React composition patterns
├── vercel-deployment/             # Vercel deployment automation
├── vercel-react-best-practices/   # React/Next.js optimization
├── vercel-react-native-skills/    # React Native best practices
├── web-design-guidelines/         # Web UI review & accessibility
└── README.md                      # This file

Quick Install

Install individual skills with a single command:

# ===== DevOps & Deployment =====
npx skills add https://github.com/alfredang/skills --skill github-push
npx skills add https://github.com/alfredang/skills --skill github-about
npx skills add https://github.com/alfredang/skills --skill github-page
npx skills add https://github.com/alfredang/skills --skill github-pages
npx skills add https://github.com/alfredang/skills --skill vercel-deployment
npx skills add https://github.com/alfredang/skills --skill docker-hub
npx skills add https://github.com/alfredang/skills --skill start-app
npx skills add https://github.com/alfredang/skills --skill app-testing

# ===== Security =====
npx skills add https://github.com/alfredang/skills --skill secrets

# ===== Documentation & Social =====
npx skills add https://github.com/alfredang/skills --skill readme
npx skills add https://github.com/alfredang/skills --skill linkedin-project-post

# ===== Frontend & Design =====
npx skills add https://github.com/alfredang/skills --skill frontend-design
npx skills add https://github.com/alfredang/skills --skill web-design-guidelines
npx skills add https://github.com/alfredang/skills --skill building-native-ui

# ===== Best Practices & Frameworks =====
npx skills add https://github.com/alfredang/skills --skill vercel-react-best-practices
npx skills add https://github.com/alfredang/skills --skill vercel-react-native-skills
npx skills add https://github.com/alfredang/skills --skill vercel-composition-patterns
npx skills add https://github.com/alfredang/skills --skill stripe-best-practices
npx skills add https://github.com/alfredang/skills --skill supabase-postgres-best-practices
npx skills add https://github.com/alfredang/skills --skill remotion-best-practices
npx skills add https://github.com/alfredang/skills --skill python-performance-optimization

# ===== AI & Research =====
npx skills add https://github.com/alfredang/skills --skill notebooklm
npx skills add https://github.com/alfredang/skills --skill ai-avatar-video

# ===== Tools & Utilities =====
npx skills add https://github.com/alfredang/skills --skill pdf
npx skills add https://github.com/alfredang/skills --skill mcp-builder
npx skills add https://github.com/alfredang/skills --skill skill-creator
npx skills add https://github.com/alfredang/skills --skill find-skills

Install All Skills at Once

for skill in github-push github-about github-page github-pages vercel-deployment docker-hub start-app app-testing secrets readme linkedin-project-post frontend-design web-design-guidelines building-native-ui vercel-react-best-practices vercel-react-native-skills vercel-composition-patterns stripe-best-practices supabase-postgres-best-practices remotion-best-practices python-performance-optimization notebooklm ai-avatar-video pdf mcp-builder skill-creator find-skills; do
  npx skills add https://github.com/alfredang/skills --skill "$skill"
done

Update to Latest

Remove and reinstall to get the latest version:

# Update a single skill
rm -rf ~/.agents/skills/<skill-name> ~/.claude/skills/<skill-name>
npx skills add https://github.com/alfredang/skills --skill <skill-name>

Update all skills at once:

for skill in github-push github-about github-page github-pages vercel-deployment docker-hub start-app app-testing secrets readme linkedin-project-post frontend-design web-design-guidelines building-native-ui vercel-react-best-practices vercel-react-native-skills vercel-composition-patterns stripe-best-practices supabase-postgres-best-practices remotion-best-practices python-performance-optimization notebooklm ai-avatar-video pdf mcp-builder skill-creator find-skills; do
  rm -rf ~/.agents/skills/$skill ~/.claude/skills/$skill
  npx skills add https://github.com/alfredang/skills --skill "$skill"
done

Prerequisites

Claude Code with an active subscription
Node.js 18+ (for npx skills)
Git & GitHub CLI (gh) — for github-push, github-page
Vercel CLI — for vercel-deployment (optional)
Docker — for docker-hub (optional)

Usage

Trigger skills with slash commands:

/github-push               # Secure push with secret scan + repo setup
/github-about              # Update repo description, URL & topics
/readme                    # Generate or update README with screenshots
/github-page               # Deploy to GitHub Pages
/vercel-deployment         # Deploy to Vercel
/docker-hub                # Build & push to Docker Hub
/start-app                 # Auto-detect & start app on localhost
/test-app                  # Test app functionality via Playwright MCP
/linkedin-post             # Create a LinkedIn post
/notebooklm                # Deep research & slides

Or use natural language:

"push to github safely"
"update my repo description and topics"
"create a readme for my project"
"deploy to github pages"
"deploy to vercel"
"push docker image to docker hub"
"start the app"
"test my app on localhost"
"test my live site"
"write a linkedin post about my app"
"create a podcast about this topic"
"review my UI for accessibility"
"build a landing page"
"create an AI avatar video"
"scan my code for hardcoded secrets"
"set up .env for my project"

Supported Platforms

Skills are automatically installed to all supported AI coding assistants (40+):

Category	Platforms
Popular	Claude Code, Cursor, Windsurf, GitHub Copilot, Continue, Cline
AI Assistants	OpenHands, Codex, Gemini CLI, Kimi Code CLI, Qwen Code, Mistral Vibe
IDE Extensions	Augment, CodeBuddy, Kilo Code, Roo Code, Zencoder, Junie
CLI Tools	OpenCode, Goose, Command Code, Kiro CLI, iFlow CLI, Pi
Enterprise	Factory AI/Droid, Antigravity, Replit, Amp
Others	Trae, Kode, MCPJam, Mux, Qoder, Crush, OpenClaw, Neovate, Pochi, AdaL

Troubleshooting

Issue	Solution
Skill doesn't appear in `/skills`	Remove and reinstall (see Update to Latest), then restart editor
`npx skills add` says skill already exists	Remove existing first: `rm -rf ~/.agents/skills/<name> ~/.claude/skills/<name>` then reinstall
Skill is outdated	Same as above — remove and reinstall to pull the latest version
Skill not working after update	Restart your editor/terminal, then run `/skills` to verify

Contributing

Fork the repository
Create your feature branch (git checkout -b feature/amazing-skill)
Commit your changes (git commit -m 'Add amazing skill')
Push to the branch (git push origin feature/amazing-skill)
Open a Pull Request

License

MIT License - see LICENSE for details.

Acknowledgements

Anthropic — Claude Code platform
Playwright — Browser automation for screenshot capture
shields.io — Badge generation
GitHub CLI — Repository management automation
Thanks to all contributors and the Claude Code community

Developed by Tertiary Infotech Academy Pte. Ltd.

If you find these skills useful, please give us a star!

Made with Claude Code

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

Skills

Screenshot

Table of Contents

About

Key Features

Available Skills

DevOps & Deployment

Security

Documentation & Social

Frontend & Design

Best Practices & Frameworks

AI & Research

Tools & Utilities

Tech Stack

Architecture

Project Structure

Quick Install

Install All Skills at Once

Update to Latest

Prerequisites

Usage

Supported Platforms

Troubleshooting

Contributing

License

Acknowledgements

About

Uh oh!

Releases

Packages

Uh oh!

Contributors

Uh oh!

Languages

Name		Name	Last commit message	Last commit date
Latest commit History 55 Commits
.agent/skills		.agent/skills
.agents/skills		.agents/skills
.claude/skills		.claude/skills
.cline/skills		.cline/skills
.cursor/skills		.cursor/skills
.github/workflows		.github/workflows
.trae/skills		.trae/skills
.windsurf/skills		.windsurf/skills
ai-avatar-video		ai-avatar-video
app-testing		app-testing
assets		assets
building-native-ui		building-native-ui
docker-hub		docker-hub
find-skills		find-skills
frontend-design		frontend-design
github-about		github-about
github-page		github-page
github-pages		github-pages
github-push		github-push
linkedin-project-post		linkedin-project-post
mcp-builder		mcp-builder
newsletter-assets		newsletter-assets
notebooklm		notebooklm
pdf		pdf
python-performance-optimization		python-performance-optimization
readme		readme
remotion-best-practices		remotion-best-practices
secrets		secrets
skill-creator		skill-creator
start-app		start-app
stripe-best-practices		stripe-best-practices
supabase-postgres-best-practices		supabase-postgres-best-practices
vercel-composition-patterns		vercel-composition-patterns
vercel-deployment		vercel-deployment
vercel-react-best-practices		vercel-react-best-practices
vercel-react-native-skills		vercel-react-native-skills
web-design-guidelines		web-design-guidelines
README.md		README.md

Folders and files

Latest commit

History

Repository files navigation

Skills

Screenshot

Table of Contents

About

Key Features

Available Skills

DevOps & Deployment

Security

Documentation & Social

Frontend & Design

Best Practices & Frameworks

AI & Research

Tools & Utilities

Tech Stack

Architecture

Project Structure

Quick Install

Install All Skills at Once

Update to Latest

Prerequisites

Usage

Supported Platforms

Troubleshooting

Contributing

License

Acknowledgements

About

Topics

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors

Uh oh!

Languages

Packages