Results for “visual”

The enhancement layer for AI-generated content. This skill covers AI-powered visual effects, compositing, upscaling, restoration, and post-production magic—turning raw AI output into polished, professional content. AI generation gets you 80% of the way. Visual effects get you the remaining 20% that separates "clearly AI" from "how did they do that?" This skill covers ComfyUI workflows, Runway's AI tools, intelligent upscaling, rotoscoping, color grading, and the integration of AI elements into traditional footage. The practitioners of this skill are technical artists who understand both traditional VFX workflows and the new AI-native approaches that are revolutionizing post-production. Use when "AI visual effects, VFX, upscale, upscaling, composite, rotoscope, background removal, color grade, inpaint, outpaint, style transfer, enhance, ComfyUI, post-production AI, vfx, visual-effects, compositing, upscaling, post-production, comfyui, enhancement, color-grading" mentioned.

The English summary is being prepared. Showing the original description.

Use when asked to audit UI for visual quality, check design consistency, review brand alignment, evaluate design system compliance, or find visual issues before a launch. Examples: "audit our UI", "check visual consistency", "review the design for issues", "is our UI on-brand", "find visual bugs", "design QA before launch".

The English summary is being prepared. Showing the original description.

Create R-based pictogram glyphs for skill, agent, or team icons in the visualization layer. Covers concept sketching, ggplot2 layer composition using the primitives library, color strategy, registration in the appropriate glyph mapping file and manifest, rendering via the build pipeline, and visual verification of the neon-glow output. Use when a new entity has been added and needs a visual icon for the force-graph visualization, an existing glyph needs replacement, or when batch-creating glyphs for a new domain.

The English summary is being prepared. Showing the original description.

On-brand visual marketing content using Paper MCP and parallel agent teams. Reads the project's brand/ directory to build a design system, then spawns designer agents in parallel — each creating a unique artboard with a different on-brand layout interpretation. Intelligently adapts agent count and approach based on user goals via AskUserQuestion interrogation. Produces Instagram carousels, TikTok slideshows, social posts, story slides, and visual assets. When used with content spec YAMLs from /slideshow-script, each agent gets a unique script AND unique design direction. Make sure to use this skill whenever the user wants visual marketing content designed in Paper — carousels, slideshows, social posts, story slides, or any visual asset. Even if they just say "design something" or "make slides" or "create visual content", this is the skill. Also triggers on "paper marketing", "instagram design", "TikTok design", "slideshow design", "create carousel", or "social graphics".

The English summary is being prepared. Showing the original description.

Generate an interactive HTML brand playground that shows your brand rendered live — palette, typography, logo, voice — with a social card and OG image preview that updates as you tweak tokens. Opens in browser. The visual approval step for the /cmo flow: /visual-style writes the brand, this skill shows it. Use when the user says "show me my brand", "brand playground", "preview my brand", "what does our brand look like", "visual preview", "brand kit", "see my colors", "how does my brand look", or after /visual-style completes and the user needs to approve the visual identity before moving to content generation. Also use when someone says "I want to see it" during any brand-building conversation.

The English summary is being prepared. Showing the original description.

Premium UI/UX design audit and refinement skill. Conducts systematic visual audits of existing apps and produces phased, implementation-ready design plans. Use this skill whenever the user asks to audit a UI, improve an app's visual design, make an interface feel more polished or premium, review design consistency, fix visual hierarchy, or refine spacing/typography/color. Also trigger when the user says "design review", "make it look better", "UI polish", "visual refinement", "design pass", "audit the design", or references making an app feel more professional. This skill is purely visual — it does not touch functionality, logic, or features. It elevates what exists.

The English summary is being prepared. Showing the original description.

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

The English summary is being prepared. Showing the original description.

Create visual designs, graphics, and layouts using HTML Canvas API or design tools for data visualization, graphics, animations, and interactive visual content. Use when creating data visualizations, building interactive graphics, implementing drawing tools, creating charts and diagrams, building game graphics, implementing image manipulation, or creating dynamic visual content.

The English summary is being prepared. Showing the original description.

Verify every visual-evidence artifact (screenshot/GIF/recording) attached to a PR carries a provenance manifest binding it to real daemon-backed truth — daemon port, run id, transcript head hash, agent node id, commit, and an honest real/fixture/mock source label — and that operator-control-panel PRs cover the required set of proof states. Use when gating a PR's proof artifacts before merge, auditing whether a "LIVE" visual claim is backed by a real daemon run versus a reused or fixture-backed mock, or defining the required state-coverage set for a control-panel change. NOT for the capture technique itself — headless Playwright, `screencapture -x -l`, non-interruptive capture (use port-daddy-agent-skill's visual-evidence doctrine), designing the receipt body schema an artifact attaches to (use agent-work-receipt-designer), or the broader dogfood/Potemkin product-quality bar (use multi-agent-authoring-product-bar).

The English summary is being prepared. Showing the original description.

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

The English summary is being prepared. Showing the original description.

Turn existing interface code into shared design rules for colors, type, and spacing, with documented decisions and an interactive preview. Audit visual consistency across ten areas and identify specific places to improve.

• Creating shared design rules from existing code
• Auditing visual consistency before a redesign
• Reviewing pull requests that change styling

Create full-screen animated visuals with WebGL, a browser technology for GPU rendering. Combine shaders, 3D scenes, or particles with a text overlay, and deliver the result as one self-contained HTML file without external requests.

• Create a website hero animation
• Build generative art with a headline
• Prototype a 3D scene or particle field

Choose one visual direction before building, using an existing design system, supplied brand references, or the project brief. Record the choice and define the colors, typography, and other visual settings that guide implementation.

• Set a visual direction before implementation
• Apply an existing design system to a new project
• Turn brand references into a clear design direction

Build an HTML presentation for introducing a brand’s logo, colors, typography, and usage rules. A coordinated cream background, colorful accents, and fixed visual style support brand reviews and client presentations.

• Presenting an outdoor brand’s visual identity
• Preparing a creative agency pitch
• Reviewing brand concepts with a client

Guide an iterative review of a built interface against its design brief, using critique and adjustment to improve visual alignment. This catalogue entry points agents to the upstream workflow, which requires a separate installation.

• Review a built interface against its design brief
• Refine visual differences through repeated adjustments
• Plan a design-to-code review cycle

Turn screenshots, reference links, and rough visual preferences into a reusable DESIGN.md, a record of design decisions, and practical handoff instructions for building prototypes, presentations, redesigns, or image remixes.

• Define an app's visual direction from reference images
• Document design decisions before a redesign
• Hand off consistent visual rules for presentation production

Create a brand overview image combining logo concepts, colors, typography, and examples across digital and physical materials. The skill bases the visual direction on the brand’s purpose and audience, arranging connected panels in a clear presentation grid.

• Presenting a new product’s visual identity
• Exploring logo concepts grounded in brand meaning
• Reviewing colors, typography, and application examples together

Build charts and interactive data visualizations with D3.js, a JavaScript library for drawing data graphics. Examples across chart types support reports, dashboards, explanatory graphics, and prototypes that let readers explore data.

• Exploring sales data with a zoomable treemap
• Showing relationships in a force-directed network graph
• Displaying daily patterns in a calendar heatmap

Create HTML visuals that appear directly inside an Orca chat reply. Use charts, diagrams, tables, reports, or mockups to explain an answer visually, with styles, scripts, and data included in each page.

• Comparing numbers with an inline chart
• Explaining relationships with a diagram
• Displaying a table or report in chat

Turn data into chart images by selecting a suitable format from 26 options. Visualize trends, comparisons, distributions, flows, or relationships, then receive the image URL and the complete settings used to generate it.

• Visualize changes over time
• Compare categories and proportions
• Show distributions and correlations

Create PowerPoint presentations by planning the content and visual style, generating each slide as an AI image, and assembling a PPTX file. Each new slide references the previous image to keep the presentation visually consistent.

• Creating slides for a product launch
• Building a visually consistent business presentation
• Preparing an academic presentation

Turn a math or science video idea into a detailed scene plan. Research the topic, clarify the audience, and outline visuals, narration, transitions, and implementation notes for Manim, an animation tool.

• Turn a rough explainer idea into a scene plan
• Plan intuitive math and science visuals
• Adapt video depth to the audience

Builds and improves web interfaces, covering layout, styling, motion, and usability. It records design rules before implementation, uses supplied references or design research, and checks the result in real browsers for visual consistency, accessibility, and performance.

• Building a landing page from a screenshot or website reference
• Improving an existing dashboard’s layout and visual design
• Adding animation and interaction feedback

Review visual design choices before creating or styling web pages, components, apps, dashboards, or interactive reports. It flags repetitive colors, typography, layouts, and motion patterns to avoid, while keeping explicit user requests and other specified styles in control.

• Review design choices before creating a web page
• Check repetitive card layouts in a dashboard
• Review typography and color choices in components