design_tokens
8-point grid spacing, typography scale ve color system. Temel tasarım değişkenleri.
tailwind_mastery
Tailwind CSS v4, design tokens, responsive patterns ve utility-first CSS best practices.
algorithmic_art
p5.js ile generative art, flow fields ve interactive visuals oluşturma rehberi.
product_designer
Kullanıcı deneyimi (UX), arayüz tasarımı (UI) ve ürün stratejisi geliştirme.
figma_integration
Figma design-to-code, design system extraction ve component generation rehberi.
design_responsive
Breakpoints, fluid typography, container queries ve modern CSS features.
design_patterns
Visual hierarchy, z-index, shadows, animations ve white space kuralları.
design_components
Button, card, input ve icon sizing kuralları. Component boyutlandırma standartları.
kerala-rage-asset-prompter
Specialized prompt engineering for generating high-fidelity Kerala Rage assets for Gemini 3.1 Pro and Nano Banana Pro models. Use when needing new hero illustrations, icons, or decorative textures aligned with the "Solidarity Mode" aesthetic.
canvas-design
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 original visual designs, never copying existing artists' work to avoid copyright violations.
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
infographic-creation
Create beautiful infographics based on the given text content. Use this when users request creating infographics.
brand-guidelines
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 formatting, or company design standards apply.
canvas-design
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 original visual designs, never copying existing artists' work to avoid copyright violations.
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
figma-design-tokens
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files using the Figma MCP server
create-design-system-rules
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.
sunfaded-style
Create UI and graphic design layouts in the sunfaded style: oversized condensed typography, bilingual JP/EN type, high-contrast overlays on photo or illustration, halftone wave bands, and analog grain. Use when a user asks for sunfaded-like aesthetics, bold typographic posters, editorial layouts, or UI screens with this specific visual system.
modern-frontend-design
Comprehensive frontend design system for creating distinctive, production-grade interfaces that avoid generic AI aesthetics. Use when users request web components, pages, applications, or any frontend interface. Provides design workflows, aesthetic guidelines, code patterns, animation libraries, typography systems, color theory, and anti-patterns to create memorable, context-specific designs that feel genuinely crafted rather than generated.
