Design & UX

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create ...

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatt...

Creates an SVG weather card showing the current temperature for Dubai. Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-workflow/output.md.

End-to-end protein design pipeline guide across preparation, generation, validation, and filtering. Use this skill when: (1) Starting a new protein design project, (2) Need step-by-step workflow guidance, (3) Understanding the full design pipeline, (4) Planning compute resources and timelines, (5) Integrating multiple design tools. For tool selection, use binder-design-tool-selection. For QC thresholds, use protein-design-qc.

This skill activates when users discuss WCAG compliance, screen readers, keyboard navigation, ARIA, semantic HTML, or accessibility issues. Provides guidance on making WordPress themes and web applications accessible to all users following WCAG 2.1 AA/AAA standards.

Expert knowledge in HTML, CSS, responsive design, CSS Grid, Flexbox, modern layout techniques, and semantic markup. Triggers on keywords like "html", "css", "layout", "responsive", "grid", "flexbox", "semantic", "accessibility markup", "forms".

Expert knowledge in luxury fashion e-commerce, high-end jewelry presentation, SkyyRose brand DNA, luxury customer experience, and premium product storytelling. Triggers on keywords like "luxury", "fashion", "jewelry", "high-end", "premium", "skyyrose", "collection", "product presentation", "luxury customer experience".

Produces slide-by-slide Instagram carousel scripts, design notes, and brand-voice captions for SkyyRose product launches, collection stories, and styling content.

Brand identity guide for SkyyRose luxury streetwear. Use when creating content, designs, marketing materials, product descriptions, or any creative work for SkyyRose. Triggers on references to SkyyRose, the collections (Black Rose, Love Hurts, Signature, Kids Capsule), Oakland streetwear, luxury fashion content, or requests for brand-aligned outputs. Essential for maintaining brand consistency across all touchpoints.

Extracts reusable prompt elements from any input source — SkyyRose dossiers, gpt-image-2 prompts, brand docs, and design templates — into a structured element library aligned with the SkyyRose brand canon and gpt-image-2 output grammar. Supports SKU-aware dossier ingestion, brand-canon validation, human-review diff gating, and manifest export for design-master consumption.

Set an ECC-specific frontend design direction for production UI work. Use when building or improving websites, dashboards, applications, components, landing pages, visual tools, or any web UI that needs stronger product-specific design judgment.

Use when the user asks to prototype a feature, mock something up, explore options, see variations or alternatives, or says "what could this look like" — any request to trial a feature before committing to one approach.

Creates restaurant menu design briefs with item descriptions, pricing psychology, layout hierarchy, and dietary labeling. Use when designing or redesigning a restaurant menu.

Audits e-commerce store pages for conversion optimization with layout, copy, trust signals, and technical recommendations.

Designs email template systems with header/footer standards, button styles, image guidelines, responsive rules, and type-specific layouts. Use when standardizing email communications.

Generates three YouTube thumbnail options optimized for click-through rate using Canva, applying high-contrast colors, emotional expressions, and concise text overlays. Use when a user needs a thumbnail for a YouTube video, wants to A/B test thumbnail designs, or needs click-optimized visual assets at 1280x720.

Creates briefs for designers with mood board direction, style references, do's and don'ts, and deliverable specifications. Use when hiring a designer for brand work.

Creates style tiles for web design projects with typography, colors, UI elements, textures, and mood references. Use when aligning on visual direction before full design.

Creates signage and environmental graphics briefs with location specs, materials, messaging, compliance requirements, and vendor specifications. Use when planning physical signage.

Creates brand-aligned presentation template guidelines with slide layouts, color usage, font hierarchies, and do's and don'ts. Use when standardizing team presentations.

Writes product packaging design briefs with dimensions, material considerations, messaging hierarchy, compliance requirements, and vendor specs. Use when designing physical packaging.

Briefs icon set design with style direction, size requirements, use cases, consistency guidelines, and delivery specifications. Use when commissioning custom icons for your brand.

Generates brand color palettes with hex codes, accessibility ratings, application guidelines, and print/digital specifications. Use when establishing or refreshing brand colors.

Creates comprehensive brand identity guidelines with logo usage, color codes, typography, imagery style, voice, and application examples. Use when documenting your brand standards.