Communitygithub.com

Varnan-Tech/opendirectory

Habilidad de élite para crear vídeos premium de lanzamiento de producto usando Hyperframes. Permite extraer la esencia de la marca, dirigir el arte escena por escena, aplicar diseño de movimiento de alta gama (cámara estilo Apple, vidrio esmerilado, física de máquina de escribir) y sincronizar perfectamente el sonido. Úsala cuando te pidan crear un vídeo de lanzamiento, promocional o de anuncio de funcionalidad de alto nivel.

¿Qué es opendirectory?

Esta habilidad te guía en la creación de vídeos de lanzamiento de producto premium y de alta calidad utilizando Hyperframes. Enfatiza un flujo de trabajo estructurado que va desde el descubrimiento de la marca hasta la verificación final, actuando como director y arquitecto del proyecto de vídeo. Para obtener precisión técnica, debe usarse junto con las habilidades oficiales de Hyperframes y GSAP, invocándolas antes de escribir cualquier código para revisar reglas de composición y patrones de animación complejos. El proceso incluye una fase de interrogación para extraer el ADN de la marca (analizando el sitio web con Playwright y solicitando activos al usuario), una fase de planificación donde se genera un documento de dirección artística (`ART_DIRECTION.md`) con un desglose escena por escena, y una fase de implementación que aplica principios de diseño de movimiento de élite como zooms estilo Apple, revelaciones con borrador, efectos de choque, vidrio esmerilado y física de máquina de escritura. La habilidad también cubre el diseño de sonido, proporcionando una lista de compras de efectos y usando etiquetas de audio para sincronizar con GSAP, y finaliza con verificación y resolución de problemas, recordando gotchas críticos y guiando al usuario en la instalación de FFmpeg si es necesario. Es fundamental generar los archivos del proyecto en un directorio separado y nunca modificar los archivos de la habilidad.

Compatible con~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/Varnan-Tech/opendirectory/tree/main/skills/hyperframes-product-launch-video
Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

Habilidad de Vídeo de Lanzamiento de Producto

Esta habilidad te guía en la creación de vídeos de lanzamiento de producto premium y de alta calidad utilizando Hyperframes. Enfatiza un flujo de trabajo estructurado que va desde el descubrimiento de la marca hasta la verificación final.

Aprovechando las Habilidades Oficiales de Hyperframes

Esta habilidad actúa como Director y Arquitecto para tu proyecto de vídeo. Para garantizar la precisión técnica y el acceso a los patrones de framework más recientes, debes usarla junto con las habilidades oficiales de Hyperframes.

Antes de escribir cualquier código, debes:

  1. Invocar la habilidad oficial /hyperframes para revisar las reglas de composición, la semántica de atributos de datos y las restricciones del framework.
  2. Invocar la habilidad oficial /gsap para referencias detalladas de líneas de tiempo, funciones de easing y patrones de animación complejos.

Al combinar la guía estratégica de esta habilidad con la documentación técnica de las habilidades oficiales, producirás composiciones de vídeo de nivel profesional.

Generación de Proyectos sin Estado (CRÍTICO)

Este directorio (hyperframes-product-launch-video) es una plantilla y carpeta de habilidad de solo lectura. Nunca debes escribir archivos específicos del proyecto aquí.

Siempre que crees un nuevo proyecto de vídeo:

  1. Directorio de Destino: Todos los archivos del proyecto deben crearse en la carpeta de proyecto de vídeo del usuario (ej. mi-nuevo-video/ o mi-nuevo-video/assets/).
  2. ADN del Proyecto: Genera el brand_dna.json dentro de la carpeta assets/ o raíz del proyecto de destino.
  3. Dirección Artística: Guarda el ART_DIRECTION.md final dentro de la carpeta del proyecto de destino.
  4. Sin Efectos Secundarios: No modifiques ningún archivo dentro de esta carpeta de habilidad durante la ejecución de un proyecto.

Flujo de Trabajo

1. La Fase de Interrogación (ADN de la Marca)

Antes de comenzar, debes entender la marca.

  • Análisis del Sitio Web: Usa Playwright para visitar el sitio web del usuario. Extrae colores de marca, tipografía (fuentes) y propuestas de valor principales.
  • Solicitud de Activos: Pídele al usuario los logotipos e iconos. Especifica la necesidad de PNGs o SVGs limpios, transparentes y con recorte preciso.
  • Selección de Tipo de Vídeo: Pregunta si es un vídeo 100% de gráficos en movimiento o un híbrido (ej. cabeza parlante del fundador + gráficos en movimiento de Hyperframes).

2. La Fase de Planificación (Dirección Artística)

NUNCA escribas HTML antes de planificar.

  • Generar Dirección Artística: Crea un documento ART_DIRECTION.md basado en la Plantilla de Dirección Artística.
  • Desglose de Escenas: Define cada segundo del vídeo, especificando la acción visual, los movimientos de cámara, las funciones de easing y los efectos de sonido.

3. Implementación (Diseño de Movimiento Premium)

Aplica principios de diseño de movimiento de élite. Consulta Patrones de Diseño de Movimiento para fragmentos de código.

  • Cámara Estilo Apple: Usa macro zooms masivos y zooms instantáneos (back.out).
  • Revelación con Borrador: Opacidad de texto escalonada que es

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

Varnan-Tech/opendirectory

Use when the user asks to generate a blog cover image, thumbnail, or article header. Automatically uses modern typography, brand logos, and Google Search grounding to create beautiful 16:9 images with Gemini 3.1 Flash Image Preview.

Varnan-Tech/opendirectory

World-class brand strategist and naming expert. Uses an interrogation-led discovery phase to extract your brand's DNA, then applies scientific naming frameworks (Phonosemantics) and automated multi-TLD domain checking.

Varnan-Tech/opendirectory

Use when the user asks to generate or update a project's CLAUDE or AGENTS context file from a codebase scan. Writes a focused file under 100 lines containing only the non-obvious build commands, conventions, and gotchas Claude Code needs.

Varnan-Tech/opendirectory

Use when the user wants to verify cold emails, enrich a lead list, or autonomously guess email addresses from a CSV using ValidEmail.co or the open-source Reacher engine.

Varnan-Tech/opendirectory

Competitive intelligence orchestrator tracking companies across 8+ platforms (GitHub, Twitter, Reddit, HN, PH, YC Jobs) with heat scores and AI briefings.

Varnan-Tech/opendirectory

Give it your product URL or description. It finds your top 5 competitors, runs three-track PR research across all of them (editorial, podcasts, communities), identifies which channels appear most frequently, looks up the journalist or host for each, and returns a tiered outreach list with story angles and ready-to-send cold pitch drafts tailored to your product. Use when asked to find PR opportunities, discover where competitors got featured, build a media outreach list, find which journalists cover my space, or get pitch templates for press coverage.

Varnan-Tech/opendirectory

Generate high-converting, deep-dive growth case studies in MDX format. Use this skill when asked to write a case study or blog post about a company's growth, tech stack, or product-led strategy. It handles the full pipeline (researching the company via Tavily, generating a 16:9 cover image, quality checking the draft, uploading assets to cloud storage, and pushing directly to the target repository).

Varnan-Tech/opendirectory

Scans your project for outdated npm, pip, Cargo, Go, or Ruby packages. Runs a CVE security audit. Fetches changelogs, summarizes breaking changes with Gemini, and opens one PR per risk group (patch, minor, major). Includes Diagnosis Mode for install conflicts. Use when asked to update dependencies, check for outdated packages, open dependency PRs, scan for package updates, audit for CVEs, or flag breaking changes in upgrades. Trigger when a user says "check for outdated packages", "update my dependencies", "open PRs for dependency updates", "scan for CVEs", or "which packages need upgrading".

Varnan-Tech/opendirectory

Generates and updates README.md and API reference docs by reading your codebase's functions, routes, types, schemas, and architecture. Uses graphify to build a knowledge graph first, then writes accurate docs from it. Use when asked to write docs, generate a README, document an API, update stale docs, create an API reference from code, add an architecture section, or document a project in any language. Trigger when a user says their docs are missing, outdated, or wants to document their codebase without writing it manually.

Varnan-Tech/opendirectory

Evaluates expired domain candidates against a target niche, scores them by topical relevance, historical activity level, and history cleanliness, then outputs a ranked shortlist with explainable reasoning and risk flags.

Varnan-Tech/opendirectory

Brutally honest developer-experience audit for a GitHub repo. Scores 10 DX dimensions (time-to-first-success, README clarity, visual proof, install, quick-start, docs, examples, community, trust, marketing), writes a shareable roast in the requested tone (brutal/honest/kind), produces a prioritized action plan ranked by impact × effort, and sketches an ideal README. Trigger when user says "roast my repo", "audit my README", "dx audit", "developer experience review", "score my GitHub project", "before launch checklist", or "make my repo shareable".

Varnan-Tech/opendirectory

Drafts and designs a complete HTML email newsletter from a topic or content brief. Outputs paste-ready HTML for Loops, Mailchimp, Beehiiv, Resend, or any standard email platform. Includes subject line options and plain-text fallback. Trigger when a user says "write a newsletter", "draft an email newsletter", "create an HTML email", "design an email for my subscribers", or "write a newsletter about [topic]".

Varnan-Tech/opendirectory

Takes a GitHub PR URL or the current branch and writes a plain-English explanation of what it does and why, then posts it as a PR comment. Use when asked to explain a PR, summarize a pull request, write a plain-English description of a PR, add a summary comment to a PR, or understand what a PR changes. Trigger when a user says "explain this PR", "summarize this pull request", "what does this PR do", "add a comment explaining the PR", or shares a GitHub PR URL and asks what it does.

Varnan-Tech/opendirectory

Audit how often LLMs recommend your brand vs competitors and generate a GEO action plan.

Varnan-Tech/opendirectory

Takes a competitor's public GitHub repo URL, fetches their open issues via the GitHub REST API, filters noise locally, clusters issues into 6 demand categories, computes a demand score per issue and per cluster, and outputs a ranked demand gap report with a GTM messaging brief. Use when asked to scan a competitor's GitHub issues, find what their users are begging for, turn GitHub complaints into product positioning, identify competitor feature gaps, or generate messaging from real user demand. Trigger when a user says "scan competitor issues", "what are users asking for on X repo", "find demand gaps in Y", "turn GitHub issues into messaging", or "what should I build based on competitor complaints".

Varnan-Tech/opendirectory

Find recurring confusion in your repo's GitHub Discussions, rank it by urgency, and draft the actual docs fixes and content angles — with verbatim community quotes and source links as evidence.

Varnan-Tech/opendirectory

SEO keyword research workflow for blog generation using Google Trends data. Use when writing blog posts, planning content calendars, or optimizing articles for search engines. Finds breakout keywords, builds content structure, and generates SEO-optimized blog outlines targeting tech and developer audiences.

Varnan-Tech/opendirectory

Generates a professionally designed case study PDF for B2B SaaS sales and marketing. Supports 7 page layouts, 9 style presets, 1-4 page output. Trigger when user says "create a case study", "write a customer story", "make a case study PDF", "design a success story", "turn this customer win into a PDF".

Varnan-Tech/opendirectory

Generates data visualization charts (bar, line, area, pie, doughnut, scatter, radar, treemap) as PNG using Apache ECharts v6. 1080×1080px default, 5 style presets, highlight annotations. Trigger when user says "create a chart", "visualize data", "make a bar chart", "line graph", "pie chart", "data visualization", "chart this data", "plot", "graph", or "visualize these numbers".

Varnan-Tech/opendirectory

Fetches low-star App Store and Google Play reviews, clusters them into broken-promise patterns, and generates a ranked copy brief with positioning opportunities.

Skills relacionados

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community