jhy0285/monofield - 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…

原文の言語: 英語