Generate images in David LaChapelle's surreal pop art style. Use when users ask for LaChapelle style, pop surrealism, hyper-saturated colors, theatrical staging, baroque maximalism, kitsch aesthetic.
A designer-turned-developer who crafts stunning UI/UX even without design mockups. Code may be a bit messy, but the visual output is always fire.
Generates Pikchr diagram code from descriptions. Pikchr is a text-based diagram language (PIC descendant) that renders to SVG. Use when asked to create flowcharts, architecture diagrams, syntax diagrams, or any technical illustration using Pikchr syntax. Covers object primitives, positioning, styling, and layout patterns.
Generate professional-quality favicons that rival the best app icons. Uses a multi-layer effects engine with drop shadows, inner glows, highlights, gradients, and noise textures. Includes 8 curated design templates and 18 Lucide icons. Produces complete favicon suites with proper ICO, SVG, PNG formats and framework integration. Trigger when users need favicons, app icons, or browser tab icons.
Design system guidelines for RawDrive. Use when styling components, using color tokens, implementing themes, or following UI patterns.
PRESIDENT CARDใฎ็ป้ขใ็ๆใใใๆฐใใใใผใธไฝๆใๆขๅญ็ป้ขใฎไฟฎๆญฃใใณใณใใผใใณใ้ ็ฝฎๆใซไฝฟ็จใ
Generate images using OpenAI's gpt-image-1.5 model. Use when users request image creation, artwork, illustrations, marketing graphics, icons, or any visual content. Supports transparent backgrounds, multiple sizes, and quality levels.
Fornece paletas de cores e tipografia padronizadas para o Projeto PCA Camocim. Aplica temas visuais em artefatos de UI e Documentos.
Extract design tokens (colors, typography, spacing, effects) from reference website or screenshot to create project design system. UNIQUE VALUE: Creates standardized design-system.md file with all design tokens extracted systematically. Use this skill when: - User shares reference website URL and wants to extract its style - User provides screenshot or image and asks to "extract design", "extract style" - Running /frontend.init and need to create design system from reference - User asks to "create design system", "extract colors", "extract typography" - Need to establish consistent design tokens before starting frontend work Methods: URL (via Playwright MCP screenshot) or direct screenshot analysis Output: ALWAYS write to docs/reference/frontend/design-system.md
Detailed guidelines for the ArchFlow project's visual identity, including color palettes, typography, and component styling. Use this when implementing or updating UI components.
Generate browser extension icons at multiple sizes (16x16, 32x32, 48x48, 128x128) from SVG files. Use when creating new extension icons, converting SVG to PNG icons, or when user mentions extension icons, icon generation, or icon sizes.
Applies tedt.org brand colors, typography, and visual styling conventions to any artifact that benefits from the siteโs look-and-feel. Use it when brand colors, type, visual formatting, or design standards apply.
Use when the user wants to generate architecture diagrams, visualize their codebase structure, create pitch decks with system diagrams, or understand their infrastructure layout from code
ใใณใณใปใใ๏ผใขใใผใ/้ฐๅฒๆฐ๏ผใใใGrafix ใฎ `draw(t)` ๅฎ่ฃ ใซ่ฝใจใใใใฎๆงๆๆฑบๅฎในใญใซใprimitive/effect ใฎๆฐใ็ตใใใพใ้็ๆงๅณโๆฌกใซ t ๅคๅใใฎ้ ใง็ ด็ถปใใชใไฝๅใไฝใใ
Creates WPF animations using Storyboard, Timeline, and EasingFunction patterns. Use when implementing UI transitions, state change visualizations, or interactive feedback effects.
Convert colors between formats (HEX, RGB, HSL, CMYK, LAB, LCH, oklch, ANSI), generate color harmonies (complementary, triadic, analogous), check accessibility (WCAG contrast), and simulate color blindness. Use when working with colors, design systems, CSS themes.
์ง์ SVG ์ฝ๋๋ฅผ ์์ฑํ์ฌ ๋ค์ด์ด๊ทธ๋จ์ ์์ฑํฉ๋๋ค. ๊ตฌ์กฐ๋, ๋น๊ต ๋ค์ด์ด๊ทธ๋จ, ํ ์ด๋ธ ํ์ ๋ฑ ์ ๊ตํ ๋ ์ด์์์ด ํ์ํ ๋ ์ฌ์ฉํ์ธ์.
ReactUMG ้ข่ฒ/่ฒๅฝฉ็ฑปๅ้ๆฅใๅจ่ฎพ็ฝฎ่ๆฏ่ฒใๅๆฏ่ฒใ้ๆๅบฆใColorAndOpacityใBrushColorใForegroundColor ็ญ้ข่ฒๅฑๆงๆถๆฟๆดปใๅธฎๅฉๅบๅ SlateColor๏ผๅตๅฅ็ปๆ๏ผๅ LinearColor๏ผ็ดๆฅ็ปๆ๏ผ็ๆญฃ็กฎ็จๆณ๏ผไปฅๅ ColorUseRule ็ๅฟ ่ฆๆงใ
Vector icon libraries ecosystem guide covering 10+ major libraries with 200K+ icons, including React Icons (35K+), Lucide (1000+), Tabler Icons (5900+), Iconify (200K+), Heroicons, Phosphor, and Radix Icons with implementation patterns, decision trees, and best practices.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
UML ๅพ่กจ่ฎพ่ฎกๅ็ปๅถใๅฝ็จๆท้่ฆๅๅปบ็ณป็ปๆถๆๅพใ็ฑปๅพใๆถๅบๅพใ็จไพๅพๆๅ ถไป UML ๅพ่กจๆถไฝฟ็จๆญคๆ่ฝใ
Deterministic toon pipeline palettes, ramps, sprite baking, battle backgrounds
