Results for “ma”

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

Create user flow diagrams that map paths, decisions, branches, and error recovery through a product.

Turn a weekly changelog markdown into a branded square video with animated UI mockups, voiceover, and captions.

Maintains brand consistency, guidelines, and visual identity across all touchpoints, including audits, training, and compliance monitoring.

The art and science of arranging type to make written language legible, readable, and visually appealing. Typography is the invisible art - when done well, readers absorb content without noticing the craft. When done poorly, they struggle without knowing why. Great typography creates visual hierarchy, establishes rhythm, conveys emotion, and guides the eye through content. It combines centuries of print wisdom with modern digital constraints - understanding that a typeface designed for books may fail on screens, that line length affects comprehension, and that the space between letters matters as much as the letters themselves. This skill covers type selection, pairing, scaling, spacing, responsive typography, variable fonts, font loading optimization, and accessibility. Master typographers know that choosing a font is the easy part - the craft is in the details of how it's set. Use when "typography, font, typeface, type scale, line height, leading, kerning, tracking, font pairing, font loading, variable font

Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.

Establish design review gates with criteria, checklists, and approval workflows to maintain design quality.

Improves typography by fixing font choices, hierarchy, sizing, weight consistency, and readability, making text feel intentional and polished.

Transforms rough sketches or text descriptions into photorealistic, high-fidelity 3D product renders with customizable styles and materials.

Transforms sketches and text descriptions into photorealistic 3D renders for product design, with control over materials, lighting, and style.

Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.

Color design specifications for Naive UI. Invoke when user needs to understand the color palette, main colors, semantic colors, or neutral colors used in Naive UI.

Find and complete paid tasks on the 0xWork decentralized marketplace (Base chain, USDC escrow). Use when: the agent wants to earn money/USDC by doing work, discover available tasks, claim a bounty, submit deliverables, post tasks with bounties, check earnings or wallet balance, sell digital products, list services, or set up as a 0xWork worker/poster. Task categories: Writing, Research, Social, Creative, Code, Data. NOT for: managing the 0xWork platform or frontend development.

Generate high-CTR YouTube thumbnails with striking imagery, bold text placement, and emotional subjects using AI image generation.

Generates a three-card social media carousel with a headline that spans across cards, brand mark, and progressive visual elements.

Creates illustrations, diagrams, and visual content with workflows for various formats, routing to specialized processes and outputting to Downloads for preview.

Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project. Inputs may be a website URL, GitHub PR, Figma design or URL, text or brief, existing footage, or music. It resumes project state, captures intent when applicable, selects and installs the owning workflow, and routes domain capabilities. HyperFrames is the default output framework unless the user explicitly chooses another framework for the deliverable or asks only to record a browser session.

Comprehensive Word (.docx) skill: create, read, edit, and manipulate Word documents end-to-end. Covers turning Markdown or structured text into polished Word output, filling reusable templates ({{token}} or reference-doc), applying correct Chinese (CJK) typography defaults, generating bespoke docs from scratch with docx-js, and low-level OOXML patching including tracked changes and comments. Triggers include any mention of 'Word doc', 'word document', '.docx', '报告', '备忘录', '信函', '合同', '会议纪要', 'Markdown 转 Word', 'md 转 docx', '套模板生成 Word', '中文 Word 报告', 'tracked changes', '修订标记', 'Word 批注', 'OOXML', or requests to insert/replace images, perform find-and-replace, or convert content into a polished Word document. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.

Create and optimize marketing images including blog heroes, social graphics, and ad visuals using AI generation and design tools.

Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.

Create clear, effective data visualizations with chart selection, color theory, and annotation best practices using the inference.sh CLI.

Generate artistic top-down photos of keyboard keycaps arranged to spell out custom text messages.

Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.

Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.

Builds narrative-driven HTML slide decks for pitches, briefings, demos, and talks, applying persuasion frameworks and design tokens.

Generates copyable scientific figure prompts from research documents, papers, and reference images for AI illustration models.

Audits codebases, pages, or documents for AI-generated design and copy tells, then proposes surgical fixes for user approval.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Generate pixel art SVG illustrations for READMEs, docs, or slides. Use when user says "画像素图", "pixel art", "make an SVG illustration", "README hero image", or wants a cute visual.

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.

Reduce decision time and cognitive burden by limiting the number and complexity of simultaneous choices in user interfaces.

Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.

Apply the Doherty Threshold to keep system response times under 400ms, maintaining user flow and perceived performance.

Generates a complete Figma Make prompt package with context primer, checkpoint, build prompts, and iteration templates for designing UI pages, components, or screens.

Builds interactive in-browser studios for tuning visual parameters or editing and annotating text and media, enabling direct manipulation instead of static comparisons.