UI/UX, logos, slides, and image generation (7.4K skills)
Turn relationships, sequences, hierarchies, or quantities into a self-contained HTML diagram. The skill selects a suitable visual form and adds filtering, path tracing, or zoom only when those interactions help readers understand the subject.
Create simple HTML wireframes, rough screen layouts for reviewing content, navigation, and task flows before visual styling. Compare distinct structural options in one file and check how each layout works on desktop and mobile screens.
Plan and refine the visual design of HTML pages, reports, presentations, and small tools. Choose colors, typefaces, layouts, and themes to suit the subject, while respecting existing project styles and making content and controls clear.
Create reports, explainers, presentations, landing pages, or small tools as a single HTML file. The skill shapes layout and interaction around the subject and audience, with styles and scripts included for direct opening without a build step.
Edit existing RTX Remix projects for classic DirectX 8/9 games through an MCP connection to the Toolkit. Replace models and textures, manage scene layers, and save and verify changes to captured game assets.
Coordinate conversion of CAD and other source assets into simulation-ready USD, a 3D scene format. Organizes material and physics assignment, SimReady conformance checks, validation, and optional preview images and deliverable packages, with consolidated reports.
Review team page photos for differences in size, brightness, color, and background. Produce a list of photos to fix and shared photo guidelines, with optional exports using a consistent crop and size.
Apply coordinated colors and fonts to slides, documents, reports, and HTML landing pages. Choose from ten preset themes through a visual showcase, or create and review a custom theme based on a description.
Design and build desktop interfaces that feel at home on macOS. Covers window layouts, keyboard shortcuts, drag and drop, visual feedback, and light and dark appearances, with implementation guidance for web interfaces and desktop frameworks.
Prepare and manage Miro whiteboards through an AI agent. Find or create boards, add sticky notes and frames, inspect board items and connections, and share access with teammates using Rube MCP.
Get practical guidance and prioritized reviews for web and app interfaces. The skill examines task flow, layout, feedback, and error handling, with recommendations for clean screens built around clear typography and generous spacing.
Inspect Figma design files, extract components and reusable style settings, export assets, and manage comments through Rube MCP. It also converts extracted colors, typography, and spacing into a Tailwind configuration for development.
Create feature-specific iOS design specifications from Apple's Human Interface Guidelines, its official design guidance. Translate relevant rules into screen structure, component behavior, interaction states, accessibility requirements, and localization checks, with source references.
Design and improve web or iOS interfaces around the product’s purpose and existing components. Cover loading, empty, error, and permission states, then inspect rendered screens and address visible layout or interaction problems.
Style documents and other artifacts with Anthropic's brand colors and typography. It assigns fonts to headings and body text, adjusts text colors for backgrounds, and applies orange, blue, and green accents to shapes.
Automate Canva tasks through Rube MCP: find and create designs, upload assets, export files, and organize folders. Fill brand template placeholders with text or images to generate designs from supplied data.
Create original posters and static artwork by first writing a design philosophy, then expressing it through color, shapes, space, and minimal text. Deliverables include a Markdown design statement and a finished PDF or PNG.
Turn text into Excalidraw flowcharts, mind maps, timelines, and other diagrams. Choose files for Obsidian, standard Excalidraw editing, or animation tools, with layout, colors, and drawing order organized around the content.
Adjust the appearance of Obsidian tabs, sidebars, notes, and other interface areas using CSS snippets. Inspect active styles, save checkpoints, and verify changes with screenshots, including when previous CSS edits have had no visible effect.
Prepare image card prompts from meeting notes, reports, pull requests, research, and releases. The skill organizes readable text and visual direction around the source and subject, while keeping prompt preparation separate from image generation, review, and delivery.
Prepare design directions and improvement briefs for Apple platform apps, Apple-inspired websites, or product visuals. Review supplied evidence, explain which guidelines apply, and hand concrete fixes to the appropriate implementation and verification workflows.
Assess a web page against published design award criteria, with separate scores for interface design, user experience, and innovation. Identify gaps against the threshold and explain accessibility or performance tradeoffs behind proposed improvements.
Review web pages, slides, PDFs, and posters against named references. Define checks for content, layout, readability, and accessibility, then use screenshots or rendered pages as evidence to assess whether the work is ready to publish.
Prepare design and implementation briefs for web or terminal interfaces. Define visual rules, layouts across screen sizes, component states, accessibility requirements, and performance targets, with clear requirements for checking the rendered result.