UI/UX, logos, slides, and image generation (7.3K skills)
Design reusable Figma components, flexible layouts, and shared design systems. Get guidance on managing colors and spacing, supporting themes and screen sizes, and preparing clear specifications and assets for developers.
Plan presentations around the audience’s questions and a clear recommendation. Get guidance on slide structure, readable visuals, charts, speaker notes, and timed rehearsal for executive presentations, technical talks, and investor pitches.
Create model architecture diagrams and method illustrations for academic papers using Gemini. Codex plans the figure and reviews generated images for correct connections, content, layout, and readability, guiding repeated revisions toward a clearer final figure.
Turn requirements into Mermaid diagrams, including process flows, system structures, and timelines. Save editable diagram code, a Markdown version, and a PNG preview, then check syntax, arrow directions, labels, and readability.
Create pixel art illustrations as SVG files, a scalable image format, for READMEs, documentation, and slides. Build character portraits, conversations, or group scenes, then refine colors, speech bubbles, arrows, and spacing to fit the requested layout.
Polish existing academic PPTX or Beamer slides through page-by-page Codex review against a reference PDF. Adjust typography, spacing, colors, and text overflow while preserving content, keeping the original deck, and recording each change.
Turn a research paper into a conference poster using its figures and findings. Produce one HTML/CSS file and a print-ready PDF, with measured layout checks and Gemini reviews of content accuracy and final appearance.
Turn structured JSON into editable SVG diagrams for system architectures, workflows, and pipelines. Specify positions, connections, and groups precisely, reproduce the same output under fixed rendering conditions, and convert figures to PDF for papers.
Redirects the retired poster command to `/paper-poster-html`, preserving all supplied arguments. It helps users accustomed to the old command reach the replacement workflow; it no longer runs the former LaTeX poster process.
Turn descriptions of processes, systems, or schedules into Mermaid diagrams, which use text to define visuals. Save editable source, a Markdown preview, and a rendered PNG, then check syntax, arrow directions, labels, and readability.
Turn a research paper into a conference poster using HTML/CSS and figures from the paper. Check claims against evidence, measure the print layout, and produce a PDF matched to the venue’s required dimensions.
Create academic architecture diagrams and method illustrations with Gemini image generation. The workflow refines layout and visual style, then uses Claude to inspect arrows, labels, and readability and guide further revisions.
View and edit whiteboards embedded in 飞书 cloud documents. Export previews, SVG vector images, diagram source code, or structural data, and update boards using Mermaid, PlantUML, SVG, or the native OpenAPI format.
Turn technical ideas into detailed, interactive SVG illustrations that resemble real machines or instruments. Moving parts and live readings share the same model, creating diagrams for articles, documentation, or landing pages that readers can explore.
Style materials to match the OpenAI and Codex look using specified colors and fonts. Apply distinct formatting to headings, body text, code, and shapes, with fallback fonts when the preferred ones are unavailable.
Give slides, documents, reports, and HTML landing pages consistent colors and fonts. Choose from ten preset themes using a visual showcase, or create a custom theme from a description and review it before application.
Create original posters and static artwork by first defining a visual direction for color, shape, space, and typography. Receive a Markdown design philosophy alongside a PNG or PDF artwork that communicates primarily through visuals.
Design new interfaces or reshape existing screens with colors, typography, layouts, and motion grounded in the subject. The skill guides planning, critique, and implementation to create a distinctive visual identity with clear interface text.
Create prompts for a character reference sheet combining a facial close-up with front, side, and back full-body views. Specify consistent facial features, hair, and clothing to provide a reusable visual reference for later images and videos.
Create image prompts that show a single prop against a plain white background. Translates physical details into product photography instructions covering accurate proportions, complete framing, suitable viewing angles, and soft studio lighting.
Write prompts for wide-angle background reference images without people. Define foreground, middle ground, background, entrances, surfaces, furnishings, and lighting so the space has a clear, consistent layout that can serve as a reference across multiple shots.
Build and review interface components with guidance on animation timing, press feedback, drag behavior, and accessibility. Decide when motion helps, choose concrete settings, and explain proposed code changes in a before-and-after comparison.
Audit an app’s animations for responsiveness, performance, and accessibility, then rank the findings by impact and effort. Produce detailed implementation plans that another agent can follow, while leaving source code unchanged during the audit.
Find places in an interface where animation would help, then filter suggestions by frequency, purpose, speed, and function. Get precise motion settings and reasons for rejected candidates, without changing source code.