connorads/dotfiles
73 skills4.5k installs1.1k starsGitHub
Install
npx skills add https://github.com/connorads/dotfilesSkills in this repo
1Web Animation Designweb-animation-design is an agent skill from connorads/dotfiles that helps developers create natural, purposeful motion for web interfaces. It triggers on questions about easing, cubic-bezier curves, spring physics, keyframes, transforms, opacity fades, slides, scales, hover microinteractions, entrance and exit animations, page transitions, and libraries including Framer Motion, React Spring, GSAP, and CSS transitions. The skill covers animation performance and accessibility considerations such as prefers-reduced-motion. Developers reach for web-animation-design when modals, route changes, or UI feedback feel abrupt or physically unrealistic and need intentional timing and easing decisions in React or CSS codebases.515installs2Firecrawlfirecrawl is a connorads/dotfiles skill teaching agents to use the Firecrawl CLI for web data extraction. It covers search with optional content scraping, concurrent multi-URL scrape, site map discovery, bulk crawl, AI-powered agent extraction, and cloud browser sessions—all returning clean markdown optimized for LLM context. Results default to a local .firecrawl/ directory with -o output flags, and agents are instructed to add .firecrawl/ to .gitignore and quote URLs for shell safety. Developers reach for firecrawl when building research briefs, documentation mirrors, dataset ingestion, or site monitors without manual copy-paste, escalating from simple scrape to browser interaction when pages require JavaScript or form fills.289installs3Dependency Updaterdependency-updater is an agent skill from connorads/dotfiles that scans repositories for package manifests such as package.json, go.mod, Cargo.toml, and pyproject.toml, then routes each project to ecosystem-specific update and audit CLIs. The workflow auto-applies minor and patch upgrades, asks for approval before each major bump, skips pinned versions, and can diagnose peer-dependency and version-conflict failures. It covers seven language stacks—Node.js, Python, Go, Rust, Ruby, Java, and .NET—with tools including taze, pip-review, cargo update, and dotnet outdated paired with npm audit, pip-audit, govulncheck, and cargo audit. Reach for dependency-updater when lockfiles drift, CVE alerts arrive, or you need consistent bumps across dotfiles and application repos without manual package-manager commands.249installs4Payload Cmspayload-cms is a backend skill from connorads/dotfiles for developers working with Payload CMS in TypeScript and Node.js. It guides scaffolding new projects and extending collections, field schemas, access control rules, lifecycle hooks, and REST or GraphQL APIs for headless content backends. Use it when standing up a CMS layer for marketing sites, product docs, or multi-tenant content apps without building admin CRUD from scratch. The skill fits Claude Code or Cursor sessions where the next step is defining Payload config, auth gates, or API exposure rather than generic Express routes. Reach for payload-cms when the stack already chose Payload and the task is model design plus API wiring.241installs5Hetzner Serverhetzner-server in connorads/dotfiles guides agents through creating and maintaining Hetzner cloud servers using repeatable dotfiles conventions. It emphasizes provisioning, networking basics, security baselines, and deployment readiness so operators can spin up dependable hosts for APIs, workers, or staging stacks without ad-hoc console setup.237installs6Holistic UxGuides agents to evaluate user experience holistically across journeys, information architecture, interaction patterns, accessibility, and brand feel so early product decisions stay coherent before frontend build work begins.112installs7Homebrew Cask AuthoringCreates, updates, validates, and submits Homebrew Casks with correct token naming, minimal stanzas, and audit/style compliance. A developer uses it when authoring or maintaining a cask and running brew style/audit.112installs8PrdCreates Product Requirements Documents that define a feature's end state through an iterative design-tree interview, producing acceptance criteria and architectural decisions. A developer uses it when planning new features, migrations, or refactors for RFC review or AI-agent implementation.97installs9Opencode Conversation AnalysisAnalyzes OpenCode conversation history to identify recurring themes, communication patterns, and how a user steers agents, using parallel subagents over extracted session data. A developer uses it to extract insights from OpenCode session history.93installs10Remotion Best PracticesProvides domain-specific best practices for Remotion, the React-based video creation framework, covering project setup, Studio preview, render checks, captions, and FFmpeg use. A developer uses it whenever working with Remotion code.79installs11Frontend Designfrontend-design is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted development.77installs12TmuxControls interactive terminal applications like Python REPLs, gdb, and psql through tmux by sending keystrokes and scraping pane output. A developer uses it when a CLI requires TTY interaction or remote observation of output.77installs13Web Design Guidelinesweb-design-guidelines is a Claude Code skill for design & ui/ux. It helps solo builders move faster with AI-assisted development.77installs14Vercel React Best Practicesvercel-react-best-practices is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted development.76installs15Cloudflarecloudflare is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.75installs16GroksearchSearches X and the web using the Grok (xAI) API's server-side tools and summarizes results with top sources. A developer uses it to research recent topics across X and the web with date filtering.74installs17Agent Browseragent-browser is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.73installs18Opentuiopentui is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.73installs19Vercel Composition Patternsvercel-composition-patterns is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.73installs20Youtube Transcriptyoutube-transcript is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.71installs21Context7Template for defining agent context and capabilities in Claude Code. Used by developers creating custom skills and agents.69installs22Find Skillsfind-skills is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.68installs23Manim Composermanim-composer is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.68installs24Manimce Best Practicesmanimce-best-practices is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.66installs25Next Best Practicesnext-best-practices is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.66installs26Next Upgradenext-upgrade is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.66installs27Better Auth Best Practicesbetter-auth-best-practices is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.65installs28MarimoCreates, debugs, and edits marimo reactive Python notebooks, where cells form a DAG and auto-execute on dependency changes and notebooks are stored as pure .py files. A developer uses it to build or fix marimo notebooks or convert from Jupyter.65installs29Next Cache Componentsnext-cache-components is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.65installs30Sound Effectssound-effects is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.65installs31Vercel React Native Skillsvercel-react-native-skills is a Claude Code skill for frontend development. It helps solo builders move faster with AI-assisted development.65installs32Mermaid Diagramsmermaid-diagrams is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.64installs33MusicGenerates music from text prompts using the ElevenLabs Music API, supporting instrumental tracks, songs with lyrics, and composition plans for fine-grained control. A developer uses it to create background music, jingles, or full compositions.64installs34Speech To Textspeech-to-text is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.63installs35AgentsBuilds voice AI agents on the ElevenLabs platform with natural conversations, multiple LLM providers, custom tools, and web embedding. A developer uses it to create voice assistants, customer service bots, or real-time voice conversation experiences.62installs36Create Auth SkillScaffold for building auth-specific agent skills. Developers use it as a template when creating authentication helpers.62installs37Text To Speechtext-to-speech is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.61installs38HkSets up and maintains the hk git hook manager, which runs linters and formatters as pre-commit and commit-msg hooks with parallelism and staged-file-only operation. A developer uses it to add code-quality automation to a repository via hk.pkl.54installs39AccessibilityAudits, implements, and fixes web accessibility with a screen-reader-first mental model for WCAG 2.2 AA compliance. A developer uses it when building or reviewing UI components, forms, dialogs, or any interactive element.51installs40Playwright Cliplaywright-cli is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.50installs41Github ImagesDownloads image attachments from GitHub issues and pull requests, including private repos that require authentication via signed URLs. A developer uses it to grab screenshots from an issue or PR for viewing.43installs42Dogfooddogfood is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.40installs43VhsProvides Charmbracelet VHS best practices for writing and reviewing .tape files that produce professional terminal GIFs and videos. A developer uses it when creating terminal demos, CLI documentation, or automating GIF generation in CI.40installs44Skill Creator V2Guides creation of high-quality agent skills using a principle-driven approach focused on transferring expertise through mental models rather than mechanical instructions. A developer uses it to create a new skill or improve an existing one.33installs45Nano Banana Pronano-banana-pro is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.29installs46Playwright Interactiveplaywright-interactive is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.29installs47Test CoverageAudits, improves, and enforces test coverage in any repository by finding gaps, writing targeted tests, and wiring coverage thresholds into CI and hooks. A developer uses it to improve coverage, add missing tests, or set up coverage enforcement.20installs48Minimalist UiGenerates clean editorial-style minimalist interfaces with a warm monochrome palette, typographic hierarchy, flat bento grids, and muted pastel accents. A developer uses it to build document-style UIs that reject generic SaaS design trends.17installs49Mechanical EnforcementProvides a curated catalogue of linter rules, TypeScript flags, clippy thresholds, and architectural boundary checks to make bug classes and design drift mechanically impossible. A developer uses it when setting up or hardening linting on a project, pairing with the hk skill for hook wiring.16installs50Content Gap AnalysisFinds content gaps between your domain and a competitor's by identifying topics and keywords they cover that you don't, then builds an editorial calendar. A developer uses it to plan content strategy and discover missing coverage.15installs51Design Taste FrontendGuides an agent to architect frontend interfaces like a senior UI/UX engineer, overriding default LLM design biases with metric-based rules and strict component architecture. A developer uses it to generate React/Next.js UI with intentional design variance, motion, and hardware-accelerated CSS.15installs52Expertise DistillerGuides creation of agent skills that transfer domain expertise through mental models and decision frameworks rather than mechanical instructions. A developer uses it to create a new skill or rethink one that is not performing well.15installs53High End Visual DesignTeaches an agent to design websites like a high-end agency by prescribing specific fonts, spacing, shadows, card structures, and animations while blocking generic AI defaults. A developer uses it to produce Awwwards-tier, expensive-feeling frontend designs.15installs54Humanizerhumanizer is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.15installs55Nano BananaGenerates and edits images using Google's Gemini image models (Nano Banana 2 default, Pro legacy) via a script, supporting text-to-image and image editing with reference images. A developer uses it to create or modify images with configurable resolution and aspect ratio.15installs56Redesign Existing ProjectsUpgrades existing websites and apps to premium quality by auditing the current design, identifying generic AI patterns, and applying high-end standards without breaking functionality. A developer uses it to improve an existing project's design in place across any CSS framework.15installs57Skill Creatorskill-creator is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.15installs58Agent Skills SpecValidates, audits, and fixes agent skills for agentskills.io specification compliance, covering frontmatter, directory layout, and progressive disclosure. A developer uses it to create a spec-compliant skill structure or audit an existing one.14installs59Competitor AnalysisAnalyzes competitor SEO and GEO strategy including keywords, content, backlinks, AI citations, and traffic-share gaps. A developer uses it to benchmark against competitors and understand why they rank higher.14installs60SummonChannels the mental models, decision frameworks, and communication style of real experts to approach a problem the way they would. A developer uses it when they want a specific expert's perspective, triggered by phrases like summon or what would [name] think.14installs61Grill Megrill-me is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.13installs62Task PlanDecomposes an input source such as a PRD, design feedback, or requirements into a structured backlog of self-contained, verifiable tasks with a dependency graph and priority ordering. A developer uses it to turn a plan into tasks an agent can execute one at a time.13installs63Improve ArchitectureExplores a codebase for architectural friction and proposes module-deepening refactors as GitHub issue RFCs using a Design-It-Twice approach. A developer uses it to find refactoring opportunities, reduce complexity, or review codebase health.12installs64Task LoopScaffolds a self-contained loop directory from an existing backlog so a fresh agent session can pick up a task, execute it, and hand off to the next iteration. A developer uses it to run a backlog through an automated agent loop.12installs65Logging Best PracticesDesigns, reviews, or refactors logging for a service so it works as an observability primitive using the structured wide-event pattern. A developer uses it when setting up logging for a new service, auditing noisy logs, or planning sampling strategy.8installs66Claude Apiclaude-api is a Claude Code skill for backend & apis. It helps solo builders move faster with AI-assisted development.6installs67Loop SupervisorScaffolds a SUPERVISOR.md runbook capturing how to supervise a specific long-running agent loop in tmux, including launching, watching state files, and intervening sparingly. A developer uses it when a task-loop or RL run needs someone operating the harness around it.5installs68Grill With Docsgrill-with-docs is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.4installs69HyperframesCreates video compositions, animations, captions, voiceovers, audio-reactive visuals, and transitions authored as HyperFrames HTML with GSAP timelines. A developer uses it to build HTML-based video content and sync captions or narration.4installs70Improve Codebase Architectureimprove-codebase-architecture is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.3installs71Tddtdd is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted development.3installs72Zoom OutTells the agent to zoom out and give a higher-level map of the relevant modules and callers for an unfamiliar area of code, using the project's domain vocabulary. A developer uses it when they need broader context on how a section of code fits into the bigger picture.3installs73Ux DesignerDesign-focused agent that helps create component designs and UX patterns. Used by developers improving interface design.1installs