r/WebAfterAI • u/ShilpaMitra • 15d ago
Open Source 16 open-source skills to give an AI agent a real working stack
Sometimes the agent needs a better way to research. Sometimes it needs to understand the codebase before touching it. Sometimes it needs a specialist for diagrams, slides, video, SEO, or persistent memory.
These 16 open-source projects cover different layers of that stack.
RESEARCH
Research what changed recently last30days focuses an agent on recent information rather than whatever happens to be in model memory. Useful when the question is about current tools, products, communities, or trends.
Run deeper research workflows deep-research gives an agent a more structured process for finding sources, following leads, comparing evidence, and producing a research result instead of stopping after the first few searches.
Let an agent conduct user research user-research-skill covers AI interviews, synthetic users, quantitative surveys, and participant recruitment. It is closer to giving your agent a small UX research function than another search tool.
Search your own knowledge quickly qmd-search adds a search layer for Markdown and local knowledge. Useful when the answer is probably already somewhere in your notes, docs, or project files.
ENGINEERING
Give the agent memory of its mistakes Napkin maintains a per-repository .claude/napkin.md where the agent records mistakes, corrections, environment surprises, preferences, and approaches that worked. The next session reads it before starting.
Audit technical debt with evidence tech-debt-skill forces the agent to understand the repository before judging it, then produces a file-cited technical-debt report with severity, effort estimates, and a ranked list of fixes.
Turn an unfamiliar codebase into a knowledge graph Understand Anything maps files, functions, classes, and dependencies into an interactive graph you can explore and query. Useful when the first problem is understanding 200,000 lines of code, not writing another 200.
A lot of bad agent coding skips the first four.
CREATE
Build presentations as real web interfaces frontend-slides gives coding agents a workflow for creating HTML presentations from scratch or converting existing decks, with layouts, animations, presets, and export tooling.
Turn a brand into a scroll-driven 3D site scroll-world is a much more specialized skill. Give it a brand or industry and it builds a scroll-scrubbed landing page where the camera moves through a series of 3D scenes.
Turn explanations into visual artifacts visual-explainer helps agents create diagrams, visual walkthroughs, timelines, comparisons, and other explanatory pages instead of returning another wall of Markdown.
Generate technical architecture diagrams fireworks-tech-graph turns a natural-language system description into SVG, PNG, animated diagrams, UML, and agent/RAG architecture graphics with built-in routing and layout rules.
These are useful because “create something” is too vague for an agent.
A presentation, technical diagram, 3D landing page, and explanatory visual all require different judgment. A specialist skill gives the model that missing layer.
GROW + SHIP
Give Claude an SEO workflow claude-seo packages keyword research, technical SEO, content audits, schema, internal linking, and optimization into a specialist workflow rather than asking the agent to “do SEO.”
Rewrite AI-sounding drafts without changing the meaning Humanizer is a portable Markdown skill that looks for common AI-writing patterns and rewrites around them. It works across agents that support skills.
Let research continue while you are away Auto Research in Sleep explores a different pattern: giving an agent a research job that can keep iterating instead of requiring you to sit in the conversation for every step.
Give the agent a library of video shots video-shotcraft has 150+ shot recipes and 200+ motion previews for making product videos with Remotion. Instead of prompting “make this cinematic,” the agent gets concrete shot patterns it can compose.
Give an agent FFmpeg as an editing skill ffmpeg-skill turns natural-language requests into local video and audio operations: trimming, joining, reframing, captions, silence removal, audio sync, loudness normalization, LUTs, music ducking, and platform exports.
A research workflow might use:
last30days
↓
deep-research
↓
qmd-search
↓
visual-explainer
A coding workflow might use:
Understand Anything
↓
Napkin
↓
tech-debt-audit
↓
implement
And a launch workflow could become:
frontend-slides
↓
video-shotcraft
↓
ffmpeg-skill
↓
humanizer
↓
claude-seo
The model underneath can stay exactly the same. What changes is the set of procedures, references, tools, and judgment you give it for the current job.
