jhy0285/monofield - Page 8

theme-factory

Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.

threejs

Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.

ui-skills

Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.

ui-ux-pro-max

Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in MonoField.

venice-audio-music

Music generation queueing, retrieval, and completion endpoints via Venice.ai. Suited for jingles, background loops, and prototype scoring.

venice-audio-speech

Text-to-speech models, voices, formats, and streaming via Venice.ai. Useful for narration, voiceover, and conversational agent voices.

venice-image-edit

Image edits, upscaling, and background removal via the Venice.ai API.

venice-image-generate

Image generation endpoints and available styles via the Venice.ai API.

venice-video

Video generation and transcription workflows via the Venice.ai API.

video-downloader

Download videos from YouTube and other platforms for offline viewing, editing, or archival with support for various formats and quality options.

web-artifacts-builder

Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.

web-design-guidelines

Web design guidelines and standards by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.

wpds

WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.

youtube-clipper

YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.

open-design-landing-deck

Produce a single-file slide deck in the Atelier Zero visual language (warm-paper background, italic-serif emphasis spans, coral terminating dots, surreal collage plates) as a reusable editorial deck recipe. The deck uses **horizontal magazine-style swipe…

brand-extract

Extract a complete Brand Kit from a live website by driving the in-app browser. Use when a brand-extraction project opens with a site in the Browser tab, or when the user asks to "extract a brand", "pull the brand from <url>", "get the colors/fonts/logo from…

simple-deck

Single-file horizontal-swipe HTML deck. Built by copying the seed `assets/template.html` (which carries the proven 5-rule iframe nav script) and pasting slide layouts from `references/layouts.md`. Pitch decks, product overviews, study material — when you…

web-prototype

General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when no more specific…

html-ppt-knowledge-arch-blueprint

奶油蓝图架构 deck — 奶油纸

html-ppt

HTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a presentation, PPT, slides, keynote, deck, slideshow, "幻灯片", "演讲稿", "做一份 PPT", "做一份 slides", a…

video-template-frame-bold-poster

Use this plugin when the user wants a "Bold Poster Frame" HyperFrames motion video — A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst…

video-template-frame-bold-signal

Use this plugin when the user wants a "Bold Signal Frame" HyperFrames motion video — Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.

video-template-frame-creative-voltage

Use this plugin when the user wants a "Creative Voltage Frame" HyperFrames motion video — Electric split with hand-drawn script — offset panels slide in, display title rises with an outlined word, script strokes itself in.

video-template-frame-data-chart-nyt

Use this plugin when the user wants a "NYT-Style Data Chart Frame" HyperFrames motion video — NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).

video-template-frame-decision-tree

Use this plugin when the user wants a "Decision Tree" HyperFrames motion video — Animated flowchart with branching paths

video-template-frame-electric-studio

Use this plugin when the user wants a "Electric Studio Frame" HyperFrames motion video — Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line.

video-template-frame-glitch-title

Use this plugin when the user wants a "Glitch Title Frame" HyperFrames motion video — Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.

video-template-frame-kinetic-type

Use this plugin when the user wants a "Kinetic Type" HyperFrames motion video — Bold kinetic typography promo

video-template-frame-light-leak-cinema

Use this plugin when the user wants a "Light-Leak Cinematic Frame" HyperFrames motion video — Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.

video-template-frame-liquid-bg-hero

Use this plugin when the user wants a "Liquid Background Hero" HyperFrames motion video — WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.

video-template-frame-nyt-graph

Use this plugin when the user wants a "NYT Graph" HyperFrames motion video — Animated data chart in print editorial style

video-template-frame-pentagram-stat

Use this plugin when the user wants a "Pentagram Stat Frame" HyperFrames motion video — Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial.

video-template-frame-play-mode

Use this plugin when the user wants a "Play Mode" HyperFrames motion video — Playful elastic animations

video-template-frame-product-promo-30s

Use this plugin when the user wants a "Product Promo · 30s" HyperFrames motion video — Multi-scene 30-second product promo: problem-type intro, brand reveal, benefits flowchart, product surfaces, value pillars, foundation, CTA outro. Forked from Nate Herk's…

video-template-frame-product-promo

Use this plugin when the user wants a "Product Promo" HyperFrames motion video — Multi-scene product showcase with SVG assets

video-template-frame-swiss-grid

Use this plugin when the user wants a "Swiss Grid" HyperFrames motion video — Structured grid layout

video-template-frame-takram-organic

Use this plugin when the user wants a "Takram Organic Frame" HyperFrames motion video — Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gentle float.

video-template-frame-vignelli

Use this plugin when the user wants a "Vignelli" HyperFrames motion video — Bold typography with red accents

video-template-frame-warm-grain

Use this plugin when the user wants a "Warm Grain" HyperFrames motion video — Cream aesthetic with grain texture

magazine-web-ppt

Generates an "editorial magazine × electronic ink" style horizontal-swipe web deck (a single HTML file), with a WebGL fluid background, serif headlines + sans-serif body, act dividers, big-number data pages, image grids, and more templates. Use when the user…