Design & Media Agent Skills for Windsurf (legacy)

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites…

Turn photos with a clearly isolated landmark into two-color 3:4 kraft-paper stencil posters, in split comparison or full-canvas mode.

Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints.

Use when the user says they adjusted the design in Figma, mentions "fix", "correct", "learn from", "I changed", "diff", "what changed", or…

Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data.

Vector graphics and diagram creation, format conversion (ODG/SVG/PDF) with LibreOffice Draw.

Create distinctive, production-grade frontend interfaces with high design quality.

Audit a component or page for accessibility issues and fix them

Automate Adobe tasks via Rube MCP (Composio).

Algorithmic philosophies are computational aesthetic movements that are then expressed through code.

Modern Angular UI patterns for loading states, error handling, and data display.

To access Anthropic's official brand identity and style resources, use this skill.

Apple Human Interface Guidelines design foundations.

Apple HIG guidance for navigation-related components including search fields, page controls, and path controls.

Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

Check for .claude/apple-design-context.md before asking questions.

Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues.

Use when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.

Interactive setup wizard — guides you step-by-step to configure the design system for your project

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports.