CMS, document processing, and media generation.
Generate Pictionary drawing cards using AI (Groq) with fallback to hardcoded libraries. Use when creating new game cards, implementing category-based card selection, or handling AI card generation with graceful degradation.
ในใญใฃใใฉใผใซใใฃใณใฐใใใคใฉใผใใฌใผใ็ๆๆใซไฝฟ็จใ
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.
๋ณธ ๋ฌธ์๋ ์ ์ญ๊ฐ์ ์์ ์ฌ๊ฐํ์ผ๋ก ๊ธ์จ๋ฅผ ๋ง๋๋ JavaScript ์ฝ๋๋ฅผ ์์ฑํ๋ ๊ฐ๋ฐ ์ง์นจ์ ์ ๊ณตํฉ๋๋ค. ํ ์คํธ๋ฅผ ํ๋ฉด์ ํ์ ํ ๋, ์ผ๋ฐ ๋ฒกํฐ ํ ์คํธ๋ฅผ ๊ทธ๋๋ก ์ฐ์ง ์๊ณ , ์์ญ ๊ฐ์ ์์ ์ ์ฌ๊ฐํ(ํฝ์ )์ ๊ฒฉ์ ํํ๋ก ์ฐ์ด "Hello, World! It's sure bright out here!" ๋ฌธ์์ด์ ํํํฉ๋๋ค. ๋ธ๋ผ์ฐ์ ์์ ๋ฐ๋ก ์คํ ๊ฐ๋ฅํ ์์ HTML+JavaScript ์์ ๋ฅผ ๋ง๋ญ๋๋ค.
ไฝฟ็จ MermaidใPlantUMLใGraphViz ็ญ่ฏญ่จๅๅปบๆๆฏๅพ่กจใๅฝ็จๆท้่ฆๆต็จๅพใๆถๅบๅพใๆถๆๅพใER ๅพใ็็นๅพๆๆ็ปดๅฏผๅพๆถ่งฆๅใ
Write HTML visualizations to the A2UI panel or embed running apps
Create and fix ASCII diagrams, tables, wireframes, box-drawings. Use when message contains Unicode box characters (โโโโโโ), user asks to create/fix text visualization, align borders, or fix broken ASCII art. Triggers on "ะฟะพะฟัะฐะฒ ะดัะฐะณัะฐะผั", "fix diagram", "create table", "ะฒะธััะฒะฝัะน", "align boxes".
Fantasy-themed color tokens and semantic color usage. Use when applying colors, creating themes, or ensuring color accessibility. Covers surface/text relationships, state colors, and dark theme patterns. (project)
Pulse Radar design system - semantic colors, spacing grid, component patterns.
Automatically invoked when creating visual diagrams (flowcharts, sequence diagrams, ERDs, state machines, user journeys). Ensures proper Mermaid syntax and diagram clarity.
Generate complete favicon/app icon suites with templates and assets. Use when the user needs favicons or app icons for a web/app project.
StudioJinsei็จNanobanana็ปๅ็ๆSkillใGoogle Gemini APIใไฝฟ็จใใฆใญใดใใณใใใกใใใใตใคใใใธใฅใขใซ็ญใ็ๆใใพใใ
Web/ใขใใชใฎใ็ป้ขใขใใฏใขใใ(UI Mockup / high-fidelity mockup)ใใไฝๆใใใใใฎSkillใ ไพ้ ผใซใใขใใฏใขใใใใUIใใถใคใณใใ่ฆใ็ฎใๆ็ตใซๅฏใใใใใ้็บใซๆธกใใ็ป้ขใใถใคใณใใFigmaใซ่ตทใใๅใฎๅฉใใใ็ป้ขใใจใฎ็ถๆ (็ฉบ/ใจใฉใผ/ใญใผใใฃใณใฐ็ญ)่พผใฟใงไฝใใใใ ใชใฉใๅซใพใใใจใใซ็บๅใใใ ็ฎ็ใซๅฟใใฆ wireframe / mockup / prototype ใฎใฉใใๅฟ ่ฆใใใพใๅคๅฎใใใขใใฏใขใใใ้ฉๅใชใ ็ป้ขใใจใฎ้็ใช้ซใใฃใใชใใฃ่จญ่จ(่ฒ/ใฟใคใ/ไฝ็ฝ/ใณใณใใผใใณใ/็ถๆ )ใจใ้็บๅผใๆธกใ็จใฎๆณจ้ใปไปๆงใใพใจใใใMockup Packใใใชใใธใใชๅ ใซ็ๆใใใ
Generate accessible color tokens from a single accent color. Use when user wants to create or update color palettes, check accessibility contrast, or generate warm/cool adaptive gray scales.
Apple ใฎ Human Interface Guidelines ใซๆบๆ ใใใใถใคใณใไฝๆใใพใใiOSใiPadOSใmacOSใwatchOSใtvOS ใฎใใถใคใณใทในใใ ใใณใณใใผใใณใใใฌใคใขใฆใใใฟใคใใฐใฉใใฃใใซใฉใผใใขใคใณใณ่จญ่จใ่กใ้ใซไฝฟ็จใใพใใUI/UX ใใถใคใณใใขใใช่จญ่จใใใญใใฟใคใไฝๆๆใซๆ้ฉใงใใ
This skill should be used when the user asks to "create a diagram", "draw architecture", "make a Mermaid diagram", "update the system diagram", "visualize data flow", or when generating flowcharts, module diagrams, or dependency graphs. Provides standards for clear, unambiguous Mermaid diagrams.
Designs stand-alone control styles using WPF CustomControl and ResourceDictionary. Use when creating reusable custom controls or organizing control themes in Generic.xaml.
This skill should be used when "generating components from Figma", "implementing Figma designs", "importing Figma frames", "converting Figma to code", or when creating Streamlit components from design specifications.
Applies PwC's official brand colors and typography to any sort of artifact that may benefit from having PwC's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Generate professional product mascot character reference sheets with a specific multi-panel layout. Use this skill when creating character design sheets, mascot documentation, brand mascot references, or character consistency guides with multiple views (isometric, front/back/left/right, emotion poses). Optimized for product mascots and brand characters using Gemini image generation with Libre Baskerville typography.
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.
This skill converts HSL color values to OKLCH color values. It can process single or multiple colors, provided either directly by the user or from a specified file.
Extracts design tokens from images and generates CSS custom properties, atomic utility classes (Tailwind-style), and platform-specific formats following W3C standards and modern CSS best practices.
Design layered backgrounds that make PNG assets blend naturally. Use when hero assets float awkwardly on gradients, multiple images don't blend, or need seamless foreground/background integration. Outputs layer stacks, blend modes, edge-tinting strategies, and exact CSS.
