Translate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.
原文语言:英语
菜单
这个仓库中的 skills
SkillsMP 已收集 jhy0285/monofield 中的 348 个 Skill。打开任一 Skill 可查看来源和详情。
jhy0285/monofield已展示 40 / 348 个已收集 Skill。
Translate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.
原文语言:英语
Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue.
原文语言:英语
Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.
原文语言:英语
Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framework code. Use for websites, landing pages, dashboards, React components, application screens, and…
原文语言:英语
Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.
原文语言:英语
Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.
原文语言:英语
Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.
原文语言:英语
Capture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.
原文语言:英语
Convert photos into animated GIF stickers in Funko Pop / Pop Mart style via the MiniMax API. Useful for personalized chat stickers and avatar packs.
原文语言:英语
Generate hand-drawn Excalidraw diagrams from a prompt — animated SVG, hosted edit link, and PNG export. Works with Claude Code, Codex, Gemini CLI, and any agent supporting standard skill paths.
原文语言:英语
Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in…
原文语言:英语
Improve image and screenshot quality by enhancing resolution, sharpness, and clarity for professional presentations and documentation.
原文语言:英语
Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.
原文语言:英语
Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.
原文语言:英语
Apply psychological principles and behavioral science to copy and design. Useful for tightening hooks, framing, and pricing presentation.
原文语言:英语
Professional DOCX document creation and editing using OpenXML SDK. Useful for branded reports, polished proposals, and template-based authoring.
原文语言:英语
Generate, fill, and reformat PDFs with a token-based design system and 15 cover styles. Useful for branded PDFs, e-guides, and reports.
原文语言:英语
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.
AI-powered PPT generation with document analysis and styled images via the NanoBanana stack. Combines image generation with structured deck output.
原文语言:英语
Design and optimize upgrade screens, paywalls, and upsell modals. Useful for SaaS conversion design and pricing-page experiments.
原文语言:英语
Extract text, create PDFs, and handle forms. Useful for press releases, branded one-pagers, and printable design deliverables.
原文语言:英语
Generate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin.
原文语言:英语
Senior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a gate before merging UI work.
原文语言:英语
300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web.
原文语言:英语
Create and edit PowerPoint presentations from scratch with PptxGenJS — MiniMax's production-tested deck pipeline.
原文语言:英语
Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with strict footer-rail + cursor-flow layout discipline. Use this…
原文语言:英语
Read, generate, and adjust PowerPoint slides, layouts, and templates. Useful for executive decks, training material, and product reviews.
原文语言:英语
Turn vague taste, screenshots, URLs, product notes, or "make it feel like this" references into a grounded DESIGN.md plus an implementation handoff. Use it before prototypes, decks, redesigns, or image remix work when the user needs a reusable visual…
原文语言:英语
Programmatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.
原文语言:英语
Discover, compare, and run AI models using Replicate's API. Strong fit for image, audio, and video generation pipelines that swap models frequently.
原文语言:英语
Capture desktop, app windows, or pixel regions across OS platforms. Useful for marketing screenshots, design reviews, and bug reports.
原文语言:英语
Generate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals.
原文语言:英语
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
原文语言:英语
GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills.
原文语言:英语
Create animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.
原文语言:英语
Create and edit .pptx presentation decks with PptxGenJS. Useful for sales decks, kickoff briefs, and design-system showcases.
原文语言:英语
Generate, remix, and manage short video clips via OpenAI's Sora API. Useful for cinematic shots, b-roll, and rapid concept video iteration.
原文语言:英语
Generate spoken audio from text using OpenAI's API with built-in voices. Useful for narrated explainers, lecture audio, and quick voiceover tracks.
原文语言:英语
Iterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.
原文语言:英语
SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.
原文语言:英语