cluster · claude-skill-development2026·vii·22013← All Skills
Ch. ·

Claude Skill Workshop

13 open-source Agent Skills, with the design patterns behind them

A working corpus of Claude / Agent Skills for real workflows: deliberation (agora), card generation (claude-design-card / any2card), learning paths (interactive-learning), README + infographics (readme-generator), travel guidebook PDF (travel-guidebook), motion-video production (hyperframes-motion-director), industry research, project naming, immersive narrative (theatre), AI daily briefs, demand radar, and judgment gates.

Tools in this cluster

claude-design-card

Generate Claude/Anthropic-styled HTML info cards from any text, screenshot to PNG, multi-card montage, shareable in WeChat

$ npx skills add https://github.com/geekjourneyx/claude-design-card

hyperframes-motion-director

Chinese-first Agent Skill for producing HyperFrames motion videos from articles, products, websites, and README files.

$ npx skills add https://github.com/geekjourneyx/hyperframes-motion-director

ai-daily-skill

Claude Code skill for daily AI industry briefs, smart categorization, Markdown reports, web pages, and shareable social images.

$ /plugin marketplace add geekjourneyx/ai-daily-skill

geekx-skills

Agent Skills collection for reusable judgment workflows, starting with geekx-gate for cutting noisy requirements before design.

$ npx skills add geekjourneyx/geekx-skills --all

agora

Multi-perspective deliberation system, 6 rooms, 31 thinkers, structured debate for any life domain

$ npx skills add https://github.com/geekjourneyx/agora

any2card

Convert any text, article, or thread into shareable HTML info cards with 4 theme families

$ npx skills add https://github.com/geekjourneyx/any2card

interactive-learning

Turn any content into a verifiable learning path, concept extraction, diagnostic, Socratic verification loop

$ npx skills add https://github.com/geekjourneyx/interactive-learning

readme-generator

Generate professional README.md with 16:9 infographics, SEO-optimized metadata, and structured author sections, powered by Playwright and AI agent skills

$ npx skills add https://github.com/geekjourneyx/readme-generator

github-demand-radar

Agent Skill that scans GitHub issues and PRs to find commercial developer-tool opportunities with demand cards, scoring, and validation probes.

$ npx skills add https://github.com/geekjourneyx/github-demand-radar

industry-research

Agent Skill for turning industry, market, and company questions into evidence-led research workspaces and confidence-scored reports.

$ npx skills add https://github.com/geekjourneyx/industry-research

theatre

Immersive historical narrative experience Skill powered by a Witness Engine. It supports multi-script extension and places you inside the scene at different depths.

$ npx skills add https://github.com/geekjourneyx/theatre

namelens

Agent Skill for researching and stress-testing open-source project names, including collision checks and launch-ready naming decisions.

$ npx skills add https://github.com/geekjourneyx/namelens

travel-guidebook

AI agent skill that generates beautifully typeset travel guidebook PDFs, from research to print, powered by parallel agents and Amap MCP

$ npx skills add https://github.com/geekjourneyx/travel-guidebook

Frequently Asked Questions

What does claude-design-card produce?
It generates self-contained HTML files styled in the Claude/Anthropic design language, then screenshots them to PNG using Playwright. Supports single cards and multi-card montage layouts.
How do I install it?
Run: npx skills add https://github.com/geekjourneyx/claude-design-card
Can I share the cards on WeChat?
Yes. Multi-card outputs can be combined into a single tall image using ImageMagick montage, which is the ideal format for WeChat sharing.
What does hyperframes-motion-director produce?
It guides an agent to turn source material into HyperFrames motion-video compositions and delivery-ready video assets.
Why is it Chinese-first?
Its writing, pacing, captions, and platform assumptions are tuned for Chinese product explainers and social distribution.
What sources can it start from?
It can start from articles, product descriptions, websites, README files, and existing project notes.
What does ai-daily-skill generate?
It generates structured AI news briefs in Markdown, and can also create themed web pages, social sharing images, and Xiaohongshu-style cover images.
Where does the news come from?
It pulls AI industry news from smol.ai news, then uses Claude to summarize, classify, and turn the results into reusable reports.
How do I install it?
Run: /plugin marketplace add geekjourneyx/ai-daily-skill, then install ai-daily from that marketplace.
What is geekx-skills?
It is a collection of Agent Skills that turns repeated judgment workflows into reusable procedures, beginning with geekx-gate.
What does geekx-gate do?
It reviews requirements, plans, and architecture proposals before design work starts, then decides whether to keep, cut, defer, probe, or narrow the scope.
How do I install the collection?
Run: npx skills add geekjourneyx/geekx-skills --all
What are the 6 deliberation rooms in Agora?
Each room focuses on a life domain: career, relationships, finance, health, creativity, and life philosophy, each populated with curated historical and contemporary thinkers.
How is Agora different from just asking Claude a question?
Agora structures the response as a formal deliberation, multiple named thinkers argue from their distinct worldviews, creating genuine tension and revealing blind spots a single perspective misses.
How do I install it?
Run: npx skills add https://github.com/geekjourneyx/agora
What output format does any2card produce?
It outputs self-contained HTML files, single cards or multi-card decks, ready to screenshot, embed, or share directly.
What are the 4 theme families?
The themes cover editorial, minimal, dark, and illustrated styles, each with multiple variants for different tone and platform needs.
How do I install it?
Run: npx skills add https://github.com/geekjourneyx/any2card
What is the Socratic verification loop?
After teaching a concept, the skill asks probing questions rather than presenting answers, it waits for your response, identifies gaps, and re-teaches only what you missed.
How is this different from asking Claude to explain a topic?
A plain explanation is passive. interactive-learning forces active recall with diagnostics and won't let you advance until key concepts are verified, it behaves more like a tutor than a reference.
How do I install it?
Run: npx skills add https://github.com/geekjourneyx/interactive-learning
What does readme-generator do?
It generates a complete README.md with 16:9 infographics and SEO-optimized metadata, using Playwright to render visuals and Claude Skills to write content.
How do I install it?
Run: npx skills add https://github.com/geekjourneyx/readme-generator
Does it work without Playwright installed?
No. Infographic rendering depends on Playwright. The skill checks at runtime and prompts installation.
What does github-demand-radar scan?
It scans GitHub issues and pull requests for repeated complaints, shelved feature work, workaround scripts, and unmet developer-tool needs.
What does the output look like?
It produces demand cards, commercial potential labels, RICE-style priority scores, entry strategies, and draft probes for community validation.
How do I install it?
Run: npx skills add https://github.com/geekjourneyx/github-demand-radar
What problem does industry-research solve?
It makes agent research more auditable by forcing evidence, confidence, and source tracking into the workflow.
What kind of questions can it handle?
It is suited for industry, market, company, and competitive questions that need structured evidence rather than quick opinions.
What does the final output include?
It produces a research workspace, evidence ledger, confidence notes, and a final report.
What is the Witness Engine?
A narrative state machine that places the user as a witness inside a historical scene, your depth of presence (observer / participant / decision-maker) changes what you hear and see.
Can I add my own scripts?
Yes. The skill is designed for multi-script extension, drop a script file into the scripts/ directory and it shows up.
Is this a game?
It is an immersive narrative experience, closer to interactive non-fiction than to gameplay.
What does namelens check?
It checks naming collisions, search conflicts, meaning risks, and whether a project name is ready to launch.
When should I use it?
Use it before publishing an open-source project, package, plugin, or skill under a new name.
Does it generate names or evaluate names?
It focuses on evaluation and stress testing, though it can help compare candidate names.
What is the parallel agents pattern in travel-guidebook?
Multiple sub-agents research different aspects of a destination simultaneously, attractions, food, transit, lodging, then a layout agent merges results into a single PDF.
Why does it need Amap MCP?
For accurate Chinese location data, transit routes, and POI details that English-only APIs lack.
What format is the output?
A typeset PDF with cover, table of contents, day-by-day itinerary, and printable page breaks.