hoodini/ai-agents-skills
33 skills13k installs8.6k starsGitHub
Install
npx skills add https://github.com/hoodini/ai-agents-skillsSkills in this repo
1Github Trendinggithub-trending fetches GitHub trending repositories and developer discovery data for dashboards and popular project tracking. GitHub provides no official trending API, so the recommended approach scrapes github.com/trending with Cheerio parsing article.Box-row elements for owner, name, description, language, stars, forks, and starsToday. URL patterns support optional language path segments and since=daily weekly or monthly query parameters. A Next.js API route example caches server-side fetches with one-hour revalidation and a React useTrending hook consumes the local endpoint. Alternative Approach 2 uses the official GitHub Search API with created date, minimum stars, and language filters at ten requests per minute unauthenticated or thirty with a token. parseNumber handles k suffix star counts. Important constraints: no official API, respect rate limits with aggressive caching, monitor HTML structure changes, always send User-Agent headers, and scrape server-side only to avoid CORS. TypeScript interfaces document TrendingRepo and GitHubRepo shapes. Triggers include GitHub trending, trending repos, popular repositories, and GitHub discover requests.3.1kinstalls2Owasp SecurityOWASP Top 10 Security teaches prevention patterns for the 2021 OWASP categories across web applications and APIs. It documents broken access control fixes with ownership checks, RBAC middleware, and IDOR protection using UUIDs plus user scoping. Cryptographic failures coverage includes bcrypt password hashing, secure token generation, AES-256-GCM encryption, and Helmet security headers with CSP directives. Injection sections contrast unsafe string concatenation with parameterized Prisma, raw SQL, Knex queries, Zod-validated NoSQL inputs, and execFile for command safety. Additional categories address insecure design, misconfiguration hardening, vulnerable component updates, authentication failures with MFA guidance, data integrity validation, logging failures, and SSRF URL allowlists. Code examples use TypeScript with authenticate and requireRole middleware patterns developers can adapt directly. The skill triggers on OWASP, XSS, SQL injection, CSRF, authentication security, and secure coding requests during implementation or review.2.7kinstalls3MongodbThe mongodb skill Work with MongoDB databases using best practices. Use when designing schemas, writing queries, building aggregation pipelines, or optimizing performance. Triggers on MongoDB, Mongoose, NoSQL, aggregation pipeline, document database, MongoDB Atlas. Documentation covers workflows, commands, and guardrails agents should follow when users invoke this capability. Key documented areas include **MongoDB Docs**: https://www.mongodb.com/docs/; **Mongoose Docs**: https://mongoosejs.com/docs/; **MongoDB University**: https://learn.mongodb.com/; **Atlas Docs**: https://www.mongodb.com/docs/atlas/. Reference commands include npm install mongodb mongoose; import { MongoClient, ObjectId } from 'mongodb';. Use when developers or agents need structured guidance for mongodb tasks with evidence grounded in the bundled SKILL.md rather than generic advice. **MongoDB Docs**: https://www.mongodb.com/docs/ **Mongoose Docs**: https://mongoosejs.com/docs/ **MongoDB University**: https://learn.mongodb.com/ **Atlas Docs**: https://www.mongodb.com/docs/atlas/ Work with MongoDB databases using best practices. Use when designing schemas, writing queries, building aggregation pipelines, or opti.1.5kinstalls4Mobile Responsivenessmobile-responsiveness is a hoodini/ai-agents-skills agent skill for building mobile-first, production-grade responsive web UIs. It encodes breakpoint strategy starting from mobile base styles, then scaling with min-width media queries at 768px tablet and 1024px desktop thresholds, plus Tailwind utility patterns, touch interactions, mobile navigation, and fluid typography. Developers reach for mobile-responsiveness when implementing responsive layouts, viewport optimization, or touch-friendly components without manual cross-device debugging marathons. Triggers include responsive design, mobile-first, breakpoints, touch events, and viewport keywords. The skill targets frontend engineers shipping SaaS dashboards, marketing sites, or content apps that must render cleanly from phones through large desktops.1.1kinstalls5Figmafigma is a skill from hoodini/ai-agents-skills that integrates with the Figma REST API for design automation and design-to-code workflows. It authenticates with X-Figma-Token, fetches file and component data, extracts design tokens, and translates specs into React or CSS implementation tasks. Triggers include design tokens, Figma plugins, Dev Mode exports, component libraries, and syncing design systems between design and engineering. Reach for figma when scaffolding UI from a Figma handoff, generating token maps for Tailwind or CSS variables, auditing component parity, or automating repetitive design-to-code steps. The skill documents TypeScript fetch patterns against api.figma.com endpoints and supports plugin development and design-system sync scenarios beyond one-off file reads.437installs6Web Accessibilityweb-accessibility is an agent skill from hoodini/ai-agents-skills that guides building accessible web applications following WCAG 2.1 guidelines. It activates on triggers like accessibility, a11y, WCAG, ARIA, screen reader, and keyboard navigation. The skill documents concrete React/TSX patterns for buttons with aria-pressed and aria-disabled, modal dialogs with role=dialog and aria-modal, and other ARIA roles agents should apply during implementation or review. Coverage spans semantic HTML structure, keyboard focus order, color contrast checks, and screen-reader labeling before release. Developers reach for web-accessibility inside Claude Code or Cursor when shipping customer-facing SPAs or design-system components and need agents to catch missing labels, trap focus in modals, or replace div-click handlers with proper interactive elements. The skill complements automated linters by encoding WCAG-oriented fix patterns agents can apply directly in component files.422installs7Mermaid DiagramsMermaid Diagrams is a documentation-oriented agent skill that teaches correct Mermaid markdown syntax so solo builders can add flowcharts, sequence diagrams, class diagrams, entity-relationship diagrams, and Gantt charts without hand-drawing or separate diagram tools. Use it when you are writing README sections, implementation plans, API interaction docs, or data models and want GitHub- or Notion-renderable visuals embedded in text. It spans multiple journey phases: documenting flows while you Build, explaining release timelines at Ship, and capturing ops runbooks under Operate. Beginners get copy-paste templates; intermediate users extend subgraphs and labeled edges for richer architecture stories. The skill generates diagram source, not rendered PNGs—you rely on your markdown viewer or CI doc site to display results.369installs8Analytics Metricsanalytics-metrics is a hoodini ai-agents-skills module for building analytics dashboards with the Recharts React charting library. The skill triggers on requests involving analytics, dashboards, charts, metrics, KPI displays, and data visualization, guiding installation via `npm install recharts` and composition of responsive chart layouts. It documents LineChart patterns with XAxis, YAxis, CartesianGrid, Tooltip, Legend, and ResponsiveContainer wrappers, plus copy-paste TSX examples for time-series and comparative metrics. Developers reach for analytics-metrics when adding revenue, user, latency, or funnel charts to admin panels, agent observability UIs, or product analytics pages inside React codebases. The skill emphasizes component structure for readable KPI surfaces rather than backend instrumentation pipelines. Use it alongside separate telemetry wiring when you already have metric data and need polished frontend visualization quickly. Chart examples include multi-series monthly revenue and user count datasets rendered inside responsive containers for dashboard panels.359installs9Google Workspace Cligoogle-workspace-cli exposes Google Workspace services—email, calendar, drive, and related APIs—as terminal commands optimized for AI agents and developers building integrations. It helps teams wire productivity features into SaaS products, automate internal workflows, and let agents read or act on Workspace data without custom SDK scaffolding.324installs10Ux Design SystemsHelps implement UX design systems for products that surface AI agents—shared tokens, reusable components, accessible patterns, and coherent chat or dashboard layouts so agent experiences feel polished and consistent.234installs11Aws StrandsGuides Claude through building AI agents with AWS Strands, including strand composition, tool definitions, AWS-backed execution, and deployment conventions from the hoodini ai-agents-skills collection.220installs12BunTeaches agents how to use the Bun JavaScript runtime to develop, run, and package backend services, CLIs, and APIs that support AI agent workflows with fast TypeScript execution.173installs13Nano Banana Pronano-banana-pro connects Claude Code to Google's Nano Banana Pro image model for fast generative and edit-in-place visuals—useful for landing page heroes, ad creatives, concept art, and agent-produced media within automated build and content pipelines without a separate image editor.171installs14Honest AgentCovers patterns for building honest AI agents: explicit uncertainty, source grounding, refusal when evidence is weak, and verification steps so assistants avoid confident fabrication in production workflows.158installs15VercelCovers deploying applications to Vercel: repository linking, build configuration, environment variables, preview deployments, custom domains, and production launch for Next.js and serverless workloads used by SaaS and agent projects.157installs16Fal AiCovers integrating fal.ai generative media APIs so agents can request image, video, and related model outputs, handle responses, and automate creative asset pipelines inside agent applications.155installs17LangchainProvides LangChain-oriented guidance for building LLM agents with chains, tools, retrievers, memory, and orchestration patterns so developers can ship structured, extensible agent applications faster.152installs18Local Llm RouterExplains how to implement a local LLM router that directs agent prompts to on-device or hosted models using policy-based selection, fallbacks, and performance tradeoffs for private agent deployments.140installs19Aws Account Managementaws-account-management teaches Claude Code how to structure and maintain AWS accounts responsibly—covering organization setup, IAM roles, environment separation, and cost controls so automated agents can provision cloud resources without compromising security or budgets.133installs20Copilot DocsSkill for writing Copilot-friendly project documentation: structured READMEs, focused module docs, and example-driven comments that improve AI-assisted coding. Helps teams building agents or SaaS repos keep GitHub Copilot and similar tools aligned with actual APIs, folder layout, and team conventions.132installs21CloudflareCovers Cloudflare setup for AI agent projects: Workers deployment, DNS and TLS, CDN behavior, edge storage, and routing patterns. Targets teams shipping agent APIs or SaaS backends that need low-latency global delivery and managed infrastructure on Cloudflare.129installs22Copilot Sdkcopilot-sdk is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.121installs23RailwayDocuments deploying apps to Railway via the CLI with railway.toml and nixpacks build/deploy configuration. A developer uses it when deploying containers, databases, or services on Railway.120installs24Shabbat TimesDocuments calling the Hebcal API for Shabbat candle-lighting and Havdalah times, parashat, and calendar data by location. A developer uses it when building apps that need Jewish calendar or Shabbat time data.119installs25Meta AdsUses the Meta Marketing API to report ad performance and, with confirmation, write changes like pausing, budget edits, duplication, and full campaign creation. A developer or marketer uses it to analyze or manage Meta ad campaigns.58installs26Parallax Landing PageExtracts every frame of a 5-15s clip and builds a self-contained HTML page where scroll input scrubs frames without the page scrolling, with dramatic text overlays. A developer uses it to turn a short clip into a cinematic scroll-scrub landing.42installs27Cinematic Scrub LandingBuilds a cinematic landing page with a mouse-scrub video hero and 4-5 opaque brand-identity sections following a narrative arc. A developer uses it when given a hero video and brand to produce a promo or product showcase site.33installs28X Twitter ScraperProvides X/Twitter data extraction for tweet search, user lookup, follower lists, media download, replies/retweets, and account monitoring. A developer uses it to scrape or monitor Twitter/X data.32installs29Video To Landing PageExtracts N evenly-spaced frames via ffmpeg and builds a self-contained HTML page with a sticky hero that swaps frames on scroll plus sections below. A developer uses it to make a scroll-frame landing page from a video.31installs30Video EditRuns a transcribe to review to render pipeline on HyperFrames with a mandatory transcript-approval pause and dual horizontal/vertical output. A developer uses it to caption or edit a video into a reel, promo, or tutorial.29installs31Yuv DecksScaffolds an open-slide project and writes plain-language, story-driven slides following a Boarding-Ascent-Cruise-Descent arc with the Fly High Decks palette. A developer uses it to build a talk or presentation deck in the Yuval voice.28installs32Yuv Design SystemEncodes the YUV.AI palette modes, typography, Fly High motifs, and brand assets, plus rules for when to apply the brand at all. A developer uses it only when producing YUV.AI-branded output.27installs33Yuv Video DirectorActs as a router and reference for YUV.AI video, deciding which engine each beat needs, composing into one HyperFrames composition, and rendering to MP4. A developer uses it to make explainers, promos, or reels.25installs