Vibe Coding Skills

A curated collection of Claude Code skills for context engineering, agent development, and creative workflows.

                    ╭──────────────────────────────────╮
                    │   20+ Skills · 8 Categories      │
                    │   Context · Agents · Creative    │
                    │   + gstack & marketingskills      │
                    ╰──────────────────────────────────╯

---

Skills Directory

Context Engineering

Master the art of managing context in LLM-powered systems.

Skill	Description
context-fundamentals	Understand context components, mechanics, and constraints. Foundation for all other context skills.
context-optimization	Extend effective context capacity through compaction, observation masking, KV-cache optimization, and partitioning.
context-compression	Design compression strategies for long-running sessions. Anchored summarization, tokens-per-task optimization.
context-degradation	Recognize and mitigate degradation patterns: lost-in-middle, context poisoning, distraction, and clash.

Agent Development

Build robust and efficient agent systems.

Skill	Description
memory-systems	Design memory architectures from simple file storage to temporal knowledge graphs. Persist state across sessions.
tool-design	Create tools agents can use effectively. Includes consolidation principle and architectural reduction patterns.
multi-agent-patterns	Design multi-agent architectures: supervisor, swarm, and hierarchical patterns. Context isolation strategies.

Quality & Evaluation

Build reliable evaluation frameworks for AI systems.

Skill	Description
evaluation	Build evaluation frameworks with multi-dimensional rubrics, LLM-as-judge, and continuous monitoring.
advanced-evaluation	Master direct scoring, pairwise comparison, rubric generation, and bias mitigation techniques.

Project & Product

From ideation to deployment.

Skill	Description
project-development	Design LLM-powered projects. Task-model fit, pipeline architecture, and agent-assisted development.
product-validation	产品创意验证流程。竞品分析、差异化评估、商业模式验证。帮助快速做出"做/不做"决定。
opportunity-hunter	商业机会发现。通过热门事件、高下载低评分应用、社交媒体呼声三种方法挖掘产品方向。
patent-generator	智能专利交底书生成。根据发明主题或论文自动生成完整专利交底书，含联网检索、Mermaid 流程图、Pandoc 转 Word。

Creative

Transform ideas into beautiful artifacts.

Skill	Description
canvas-design	Create museum-quality visual art in .png and .pdf. Design philosophy creation + canvas expression.
year-book	将年度日志转换为精美的 LaTeX 书籍。主题提炼、章节组织、Overleaf 兼容模板。

Document Manipulation

Programmatic document processing and generation.

Skill	Description
pdf	PDF manipulation toolkit: extract text/tables, create PDFs, merge/split, handle forms.
docx	Comprehensive Word document manipulation: create, edit, tracked changes, comments, formatting.
pptx	Presentation creation and editing: layouts, slides, speaker notes, HTML-to-PPTX conversion.

Developer Tools

Streamline development workflows.

Skill	Description
git-commit-format	Git 提交信息格式规范。Emoji+中文类别格式，确保提交信息专业、简洁、一致。
skill-creator	Meta-skill for creating new skills. Design specialized tools with knowledge and workflows.
tinysearch-guide	TinySearch 混合检索引擎集成指南。架构决策、组件选型（Vector + BM25 + Reranker + MetadataIndex）和实现模式。

External Skills (Submodules)

Third-party skill collections integrated as git submodules.

Skill	Description
gstack	garrytan/gstack — Headless browser QA, code review, shipping, design review, and more. Includes /browse, /review, /qa, /ship, /design-review, /careful, /guard etc.
marketingskills	coreyhaines31/marketingskills — 40 marketing skills for technical marketers and founders: CRO, copywriting, SEO, paid ads, analytics, lifecycle email, growth engineering. Ships as a Claude Code plugin marketplace — activate with /plugin install marketing-skills (see Setup marketingskills).

---

Skill Structure

Each skill follows a consistent structure:

skill-name/
├── SKILL.md              # Main skill document
├── references/           # Deep-dive reference materials
│   └── *.md
└── scripts/              # Example implementations
    └── *.py

Usage

These skills are designed for Claude Code. Add them to your ~/.claude/skills/ directory.

Clone with submodules

git clone --recurse-submodules https://github.com/CodePothunter/vibe-coding-skills.git ~/.claude/skills

If you've already cloned without submodules:

cd ~/.claude/skills
git submodule init && git submodule update

Setup gstack

gstack requires Bun v1.0+ to build its headless browser binary and register skills:

cd ~/.claude/skills/gstack && ./setup

This builds the browse binary, installs Playwright Chromium, and symlinks skill directories. For Codex/Gemini/Kiro, use ./setup --host codex (or --host kiro, --host auto).

Setup marketingskills

marketingskills ships a Claude Code plugin marketplace (.claude-plugin/marketplace.json), so it does not need symlinks — register the marketplace and install the plugin:

/plugin marketplace add ./marketingskills
/plugin install marketing-skills

Claude Code reads marketingskills/.claude-plugin/plugin.json which points "skills": "./skills" and auto-discovers all 40 skill directories. No filesystem juggling.

For non-plugin agents (Codex/Cursor/Windsurf), reference skills directly from marketingskills/skills/<skill-name>/SKILL.md.

Update submodules

git submodule update --remote
cd ~/.claude/skills/gstack && ./setup   # rebuild after update

Skills activate based on context. For example:

• Ask about context limits → context-fundamentals activates
• Design an agent system → multi-agent-patterns activates
• Create visual art → canvas-design activates

License

Individual skills may have their own licenses. Check each skill's directory for details.

---

_{Built with Claude Code}