Design & Media
Design agent skills guide AI agents through visual and UX work: UI mockups, design systems, image and asset workflows, and design reviews. A skill keeps the agent aligned with your design language instead of improvising a new style each session.
-
modbender Skill FontsChoose and implement web typography avoiding common rendering, pairing, and hierarchy mistakes.
12 -
modbender Bundle TrmnlGenerate content for TRMNL e-ink display devices using the TRMNL CSS framework and send via the trmnl CLI. Use when the user wants to display information on their TRMNL device, send messages to an e-ink display, create dashboard content, show notifications, or update their terminal display. Supports rich layouts with the TRMNL framework (flexbox, grid, tables, progress bars, typography utilities).
12 -
modbender Bundle Opengfx LogoGenerate complete logo systems with icon + wordmark + lockups. Creates production-ready SVG vector logos from natural language prompts. Use when a user requests a logo, brand mark, icon design, or visual identity foundation.
12 -
modbender Bundle Colorpedianame: colorpedia description: Colorpedia namespace for Netsnek e.U. color science and design toolkit. Offers color palette generation, accessibility contrast checking, format conversion, and design...
12 -
modbender Bundle Pattern ExtractionExtract design systems, architecture patterns, and methodology from codebases into reusable skills and documentation. Use when analyzing a project to capture patterns, creating skills from existing code, extracting design tokens, or documenting how a project was built. Triggers on "extract patterns", "extract from this repo", "analyze this codebase", "create skills from this project", "extract design system".
12 -
modbender Bundle Figma SyncRead Figma files, extract design tokens, generate React Native Expo TS or Web React + Tailwind code, write back to Figma, and diff local models against Figma for minimal patches. Triggers: "pull figma", "sync figma", "figma to code", "push to figma", "diff figma", "extract design tokens", "generate from figma", "preview figma changes"
12 -
modbender Bundle Happy HuesGet curated color palettes from Happy Hues for design projects. Use when the user asks for color schemes, palette recommendations, design colors, UI colors, or mentions "配色", "color palette", "happy hues", "颜色方案". Supports filtering by mood (warm, dark, bold, minimal, etc.) and provides role-based colors (background, headline, button, highlight, etc.).
12 -
modbender Bundle Social OpsRole-based social media operations skill. Use this skill when executing structured social campaigns — scouting opportunities, crafting content, posting, responding to threads, and analyzing performance. Designed for Moltbook engagement but adaptable to any platform and persona. Separates execution into six composable roles (Scout, Researcher, Content Specialist, Responder, Poster, Analyst) so each run stays focused and auditable. Activate this skill for any social ops task: opportunity detection, content pipeline management, community engagement, or performance review.
12 -
modbender Bundle Web DesignCSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundamentals) with code-focused examples.
12 -
modbender Bundle Canvas DesignCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
12 -
modbender Bundle Pathe MovieLookup Pathé Netherlands movies, posters, descriptions, cinemas, and showtimes via the Pathé JSON APIs. Trigger when the user mentions a Pathé movie/show, wants a poster, asks about a description/rating, or requests showtimes for a specific cinema.
12 -
modbender Bundle X API PosterPost tweets to X/Twitter via API v2 with OAuth 1.0a — text, images, replies, and threads.
12 -
modbender Bundle Color PaletteExtract a color palette from an image and return HEX/RGB values with optional swatch image.
12 -
modbender Bundle Design SystemBuild design systems with tokens, components, and documentation that scale across teams and products.
12 -
modbender Skill Fluent DesignMicrosoft Fluent Design System 实战参考。涵盖 Windows 11 设计语言、Mica/Acrylic 材质、WinUI 3 控件规格、排版层级、布局模式、Dark Mode、辅助功能和 Electron 适配。适用于开发 Windows 桌面应用或需要 Windows 原生感的跨平台应用。
12 -
modbender Bundle Minimalist UIDesign system and implementation playbook for minimalist Notion x OpenAI style UI/UX. Use when designing dashboards, chat interfaces, agent control panels, docs UIs, or product surfaces that need clean typography, high information density, subtle hierarchy, low-noise visuals, and execution-ready frontend specs.
12 -
modbender Bundle PDF TranslateTranslates PDF documents to Chinese with professional typography. Extracts text, translates section-by-section into well-structured Markdown, then generates PDF via weasyprint with full CJK support. Use when user asks to translate a PDF, says "翻译PDF", "translate this document", or "pdf translate".
12 -
modbender Skill Reddit PosterPost to Reddit communities with algorithm-optimized content. Supports text, links, images, and community engagement.
12 -
modbender Bundle Social PosterPost to social media via VibePost API. Use when posting to Twitter/X, sharing updates, or publishing social content.
12 -
modbender Bundle Storybook GenGenerate Storybook stories from React components. Use when documenting components or setting up a design system.
12 -
modbender Skill Tiktok PosterTikTok automation via browser. Upload videos, add captions, hashtags. Schedule for optimal engagement times.
12 -
modbender Skill Brand IdentityBuild a complete brand identity for a solopreneur business from scratch or refresh an existing one. Covers brand personality, voice and tone, visual identity system (colors, typography, logo direction, imagery style), tagline crafting, and a brand guidelines document. Use when creating a new brand, rebranding, or needing to make brand decisions consistent. Trigger on "create my brand", "brand identity", "brand guidelines", "define my brand voice", "brand personality", "what should my brand look like", "brand strategy", "rebrand", "brand tone".
12 -
modbender Skill Threads PosterPost content to Threads using HTTP Browser API. Supports text, images, and scheduled posts for engagement optimization.
12 -
modbender Skill Linkedin PosterPost professional content to LinkedIn with algorithm optimization. Supports text, articles, and engagement strategies.
12 -
modbender Bundle Moltbook PosterMoltbook 代理社交网络工具集。用于发帖、评论、点赞、获取动态、管理私信等。发帖频率限制为每30分钟1篇,需要配置 configs/moltbook.json。
12 -
modbender Bundle Sns Auto PosterSchedule and automate social media posts to X/Twitter with cron-based queue management.
12 -
modbender Skill Template SellerCreate and sell templates. Notion, Canva, Excel, Figma, Google Sheets. Marketplace optimization and passive income.
12 -
modbender Skill Cross Platform Poster Post Everywhere At OncePublish content across MoltX, Twitter/X, Discord, and Telegram from a single command. Format-optimized per platform.
12 -
modbender Bundle Gemini WatermarkRemove visible Gemini AI watermarks from images via reverse alpha blending. Use for cleaning Gemini-generated images, removing the star/sparkle logo watermark, batch watermark removal.
12 -
modbender Bundle Instagram PosterPost images to Instagram automatically via Telegram. Generates images with WaveSpeed or uses your own. Bypasses Instagram bot detection using residential proxy. Use when: user wants to post to Instagram, auto-post image, share photo on Instagram, instagram autoposter, schedule instagram post, publish to instagram, post reel image. Requires IG_USERNAME + IG_PASSWORD env vars or a saved session. Needs human-browser skill for residential proxy.
12 -
modbender Bundle UI Design SystemUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
12 -
modbender Bundle UI UX Design ProSenior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1. Design complex applications (dashboards, SaaS, AI tools) from scratch 2. Generate comprehensive design systems (tokens, palettes, typography) 3. Audit existing UI for quality, accessibility, and "craft" 4. Search for proven real-world design patterns and implementation details Trigger: "design a...", "audit this...", "create a design system", "find icons", "fintech dashboard", "landing page"
12 -
modbender Skill Book Cover DesignBook cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover
12 -
modbender Bundle Filtrix Image GenGenerate images using AI providers (OpenAI gpt-image-1, Google Gemini, fal.ai). Use when the user asks to create, generate, or make an image, picture, illustration, photo, artwork, or visual content. Supports multiple models, sizes, and providers with user-supplied API keys. Prompt inspiration available at filtrix.ai/prompts.
12 -
modbender Skill Logo Design GuideLogo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo
12 -
modbender Bundle Responsive DesignModern responsive CSS patterns using container queries, fluid typography, CSS Grid, and mobile-first strategies.
12
Frequently asked questions
What are Design & Media agent skills?
Design agent skills guide AI agents through visual and UX work: UI mockups, design systems, image and asset workflows, and design reviews. A skill keeps the agent aligned with your design language instead of improvising a new style each session.
Which Design & Media skills are most installed?
Popular Design & Media skills on SkillMD right now include Fonts, opengfx-logo, colorpedia. Rankings shift as installs change; sort this page by "Most installs" for the live list.
Do Design & Media skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds@latest add <owner>/<name>, or copy the file into your agent's skills directory.