noemdb
Community@noemdb · Venezuela
Ing. Electrónico
Agent Skills by noemdb
Showing 43 vetted skills indexed across 1 GitHub repositories.
hyperframes
Routes video creation requests to workflows that render HTML compositions into videos.
hyperframes-cli
Operates the HyperFrames CLI to scaffold, check, preview, and render video compositions locally or in the cloud.
hyperframes-animation
Compose deterministic GSAP animations for HyperFrames compositions using atomic rules, blueprints, and runtime adapters.
hyperframes-registry
Installs and wires HyperFrames registry blocks and components into HTML video compositions.
impeccable
Designs, audits, and refines production-grade frontend interfaces through structured commands.
full-output-enforcement
Enforces complete code generation by banning placeholder patterns and truncation.
pr-to-video
Converts GitHub pull requests into code-change explainer videos via HyperFrames.
design-taste-frontend-v1
Generates React and Next.js frontend code following opinionated design, motion, and typography rules.
hyperframes-creative
Directs brand, palette, typography, narration, and composition decisions for HyperFrames video projects.
imagegen-frontend-mobile
Generate premium mobile app screen and flow images for iOS, Android, and cross-platform concepts.
stitch-design-taste
Generates DESIGN.md design system files for Google Stitch screen generation.
general-video
Author and edit multi-scene HyperFrames video compositions from briefs and storyboards.
industrial-brutalist-ui
Generates brutalist web interfaces combining Swiss typography with military terminal aesthetics.
motion-graphics
Generates short design-led motion graphics as MP4 or transparent overlay videos via HyperFrames.
imagegen-frontend-web
Generates per-section horizontal website design reference images for landing pages and marketing sites.
design-taste-frontend
Generates non-templated frontend interfaces for landing pages, portfolios, and redesigns using React, Tailwind, and Motion.
hyperframes-core
Defines the composition contract for building renderable HyperFrames HTML video projects.
media-use
Resolve, generate, and operate on media assets for HyperFrames video compositions.
hyperframes-keyframes
Author seek-safe 2D and 3D keyframes for HyperFrames compositions and verify them with CLI diagnostics.
minimalist-ui
Generates editorial-style minimalist web interfaces with warm monochrome palettes and bento-grid layouts.
gpt-taste
Generates React landing pages with GSAP animations, bento grids, and AIDA structure.
high-end-visual-design
Generates premium UI code with curated fonts, layouts, shadows, and spring-based animations.
redesign-existing-projects
Audits and upgrades existing website designs to remove generic patterns and improve visual quality.
image-to-code
Generates website section design images, analyzes them, and implements matching frontend code.
Frequently Asked Questions About noemdb
FAQPage SchemaWhat tasks can I accomplish with noemdb's skills?▼
You can author and render HyperFrames videos, motion graphics, slideshows, and PR-to-video explainers; generate premium web, mobile, and brand-kit design images; redesign existing interfaces; and apply Laravel patterns for queues, caching, validation, events, notifications, and test-driven development.
Who are these skills designed for?▼
Frontend developers and designers building landing pages, dashboards, and brand systems; video creators producing explainers, promos, and kinetic typography; and Laravel PHP engineers seeking best practices for Eloquent, middleware, feature flags, scheduling, and systematic debugging.
How does the HyperFrames video creation process work?▼
Start with the hyperframes entry skill, which captures intent and routes to specialized skills. Use hyperframes-cli commands like init, add, check, preview, and render to build compositions, then publish locally or render on HeyGen cloud, AWS Lambda, or Google Cloud Run.
What animation and rendering technologies are supported?▼
HyperFrames supports seven runtime adapters: GSAP (default), Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU. Compositions use a single paused, seek-safe, deterministic timeline with data-* timing attributes, tracks, and sub-compositions.
What Laravel topics do the backend skills cover?▼
The Laravel skills cover Eloquent ORM optimization and N+1 prevention, queue batching and retries, Gates and Policies authorization, Blade components, event-driven architecture, notifications, Pennant feature flags, caching strategies, task scheduling, API resources, validation, and Pest-based TDD.