Hugo Ruíz avatar

Hugo Ruíz

Community

@hugotown · Monterrey, Nuevo León

0Followers
|
6Public Repos
|
136Published Skills

Runner, Developer

Skills Distribution
DomainUI/UX & Crea...Video Composition .. (35%)Frontend Design & .. (25%)Developer Workflow.. (20%)ML Models & Infere.. (12%)

Agent Skills by Hugo Ruíz

Showing 136 vetted skills indexed across 1 GitHub repositories.

hugotownhugotown

hyperframes

Create HTML-based video compositions with GSAP animations, captions, and scene transitions.

Community
Advanced
hugotownhugotown

website-to-hyperframes

Capture a website and produce a HyperFrames video from its design and content.

Community
Advanced
hugotownhugotown

add-expert

Adds a new expert entry to the Remotion experts page with photo and rendered card.

Community
Basic
hugotownhugotown

remotion-to-hyperframes

Translate Remotion React video compositions into HyperFrames HTML and GSAP compositions.

Community
Advanced
hugotownhugotown

hyperframes-cli

Scaffold, lint, inspect, preview, and render HyperFrames video compositions via npx commands.

Community
Intermediate
hugotownhugotown

using-git-worktrees

Creates isolated git worktree workspaces with native tool detection and baseline test verification.

Community
Intermediate
hugotownhugotown

agent-browser

Automates browser interactions via Chrome DevTools Protocol with accessibility-tree element references.

Community
Intermediate
hugotownhugotown

ast-grep

Write ast-grep rules to search codebases using Abstract Syntax Tree patterns.

Community
Intermediate
hugotownhugotown

remotion-best-practices

Create programmatic videos in React using Remotion components, animations, and rendering rules.

Community
Advanced
hugotownhugotown

waapi

Implements Web Animations API patterns for deterministic seeking in HyperFrames compositions.

Community
Basic
hugotownhugotown

test-driven-development

Enforces red-green-refactor test-driven development workflow before writing implementation code.

Community
Intermediate
hugotownhugotown

huashu-design

Generate HTML prototypes, slide decks, animations, and design variations with export to MP4, GIF, and PPTX.

Community
Advanced
hugotownhugotown

systematic-debugging

Diagnose bugs through a four-phase root cause investigation process before proposing fixes.

Community
Advanced
hugotownhugotown

animejs

Registers Anime.js animations as seek-driven instances inside HyperFrames compositions.

Community
Intermediate
hugotownhugotown

hyperframes-registry

Install and wire registry blocks and components into HyperFrames compositions.

Community
Intermediate
hugotownhugotown

typegpu

Implements TypeGPU and raw WebGPU rendering patterns for HyperFrames compositions.

Community
Advanced
hugotownhugotown

impeccable

Designs, critiques, and refines frontend interfaces through sub-command-driven UX workflows.

Community
Advanced
hugotownhugotown

dispatching-parallel-agents

Dispatch concurrent subagents to fix independent test failures across separate problem domains.

Community
Intermediate
hugotownhugotown

writing-docs

Guides writing and editing Remotion documentation pages in MDX format.

Community
Intermediate
hugotownhugotown

extract-design

Extract design tokens, colors, and typography from website URLs into Tailwind, CSS, and Figma formats.

Community
Basic
hugotownhugotown

find-skills

Searches and installs agent skills from the open skills ecosystem using the Skills CLI.

Community
Basic
hugotownhugotown

pr-name

Generates pull request titles using package name and commit message conventions.

Community
Basic
hugotownhugotown

executing-plans

Executes written implementation plans task-by-task with review checkpoints and verification steps.

Community
Intermediate
hugotownhugotown

make-pr

Formats, builds, commits, and opens a GitHub pull request for the current feature branch.

Community
Intermediate

Frequently Asked Questions About Hugo Ruíz

FAQPage Schema
What tasks can I accomplish with hugotown's skill registry?▼

You can build HyperFrames HTML videos with captions, TTS narration, and transitions; port Remotion compositions; design hi-fi prototypes and extract design tokens from websites; run GitHub PR lifecycles; serve LLMs via vLLM or llama.cpp; and process PDFs, Excel files, and Office documents.

Who is the target audience for these skills?▼

Frontend developers, video engineers, and designers working with programmatic video (HyperFrames, Remotion, GSAP, Three.js, Lottie), plus ML engineers serving or evaluating models and power users automating GitHub, Notion, Google Workspace, and document-processing tasks.

How do I install and run the HyperFrames video skills?▼

Use the hyperframes-cli skill, which drives `npx hyperframes` commands: init for scaffolding, lint and inspect for validation, preview for local playback, and render for output. Asset preprocessing (TTS, transcription, background removal) runs through the hyperframes-media skill, downloading models on first use.

Are these skills open source and free to use?▼

Most skills carry MIT licenses (e.g., archify, humanizer, GitHub and ML skills); impeccable is Apache 2.0 based on Anthropic's frontend-design skill. The powerpoint skill is proprietary with terms in LICENSE.txt. Several skills require third-party CLIs or API keys such as NOTION_API_KEY or TENOR_API_KEY.

What prerequisites do the skills require?▼

Prerequisites vary per skill: specific CLIs like remindctl, imsg, himalaya, or pygount; environment variables such as MSGRAPH_TENANT_ID or AIRTABLE_API_KEY; Python packages like torch, transformers, or vllm for ML skills; and Google OAuth2 credential files for google-workspace. Platforms span Linux, macOS, and Windows.