qr-code-generator
Use when implementing QR code generation - provides complete patterns for generating QR codes from text/URLs, displaying QR codes in modals, and customizing QR code appearance
Use when implementing QR code generation - provides complete patterns for generating QR codes from text/URLs, displaying QR codes in modals, and customizing QR code appearance
ะญะบัะฟะตัั ะฟะพ frontend ะดะธะทะฐะนะฝั. ะัะฟะพะปัะทัะน ะดะปั ัะพะทะดะฐะฝะธั UI/UX, ัะธะฟะพะณัะฐัะธะบะธ, ัะฒะตัะพะฒัั ัั ะตะผ, ะฐะฝะธะผะฐัะธะน ะธ distinctive visual aesthetics.
Ensures ASCII/box-drawing diagrams follow consistent formatting standards.
CSS design tokens and color system for vehicle insurance platform. Use when defining colors, spacing, typography, or design variables. Keywords: eye-care colors #5B8DEF/#8B95A5/#C5CAD3, CSS variables, spacing system, color palette, typography scale, design tokens, variables.css, theme colors.
ใคใณใใฉใฐใฉใใฃใใฏ็ๆใใชใตใผใใคใณใตใคใใใใผใฟใใธใฅใขใฉใคใผใผใทใงใณใๆ ๅ ฑๅณ่งฃใซไฝฟ็จใใญใผใฏใผใ: infographic, ใคใณใใฉใฐใฉใใฃใใฏ, ๅณ่งฃ, ใใธใฅใขใฉใคใบ, visualization, ็ปๅ็ๆ
Generate artistic visualizations using algorithmic patterns
Mermaid CLI๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์ด์ด๊ทธ๋จ์ ์์ฑํฉ๋๋ค. ํ๋ก์ฐ์ฐจํธ, ์ํ์ค ๋ค์ด์ด๊ทธ๋จ, ER ๋ค์ด์ด๊ทธ๋จ ๋ฑ ๋ณต์กํ ๋ ผ๋ฆฌ ํ๋ฆ์ ์ ํฉํฉ๋๋ค.
Generate AI icons using icon.new. Use when the user wants to create icons, generate icon assets, or needs visual icons for their project.
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
Generate Builder Methods hand-drawn line art illustrations (icons, scenes, periphery) with a single accent color (Coral/Teal/Indigo/Amber). Use for blog headers, thumbnails, course graphics, social posts, and on-brand UI/tech metaphors.
Generate mobile app icons using OpenAI or Gemini image generation. Use when creating iOS icons, Android icons, app icons, or generating icon assets.
Professional Excalidraw diagram generation expert that creates complete, valid .excalidraw files based on user descriptions. Use ONLY when users explicitly mention "Excalidraw" or request to create diagrams specifically with Excalidraw (e.g., "็จ Excalidraw ็ปไธชๆต็จๅพ", "generate an Excalidraw diagram", "create Excalidraw file"). Do NOT trigger for generic diagram requests without Excalidraw mention. Generates ready-to-open files instead of requiring copy-paste.
Figma ๋์์ธ์ ์ ์ HTML/CSS๋ก ๋ณํํฉ๋๋ค. Figma ๋งํฌ๋ node-id๊ฐ ์ ๊ณต๋๋ฉด MCP๋ฅผ ํตํด ๋์์ธ ์ ๋ณด๋ฅผ ๊ฐ์ ธ์ ์ ํํ ์ฝ๋๋ฅผ ์์ฑํฉ๋๋ค. Use when converting Figma designs to HTML/CSS, or when user mentions Figma links, design conversion, or static HTML implementation.
Generate SVG placeholder images for prototypes. Use when adding placeholder images for layouts, mockups, or development. Supports simple, labeled, and brand-aware types.
Applies Acornsoft's official brand colors and typography to any sort of artifact that may benefit from having Acornsoft's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Grafix ใฎ `draw(t)` ในใฑใใใ็ๆใปๆน่ฏใใ`python -m grafix export` ใง PNG ใ่คๆฐๆ headless ๅบๅใใฆๆฏ่ผใใใใใฎๆ้ ใใฆใผใถใผใใGrafix ใฎ draw ใไฝใฃใฆใใPNG ใๆธใๅบใใฆใใๅ่ฃใ่คๆฐๅบใใฆๆฏ่ผใใใใใheadless ใง export ใใใใใชใฉใจ่จใฃใใจใใซไฝฟใใ
Generate images in Peter Lindbergh's iconic black and white style. Use when users ask for Lindbergh style, raw authentic beauty, emotional B&W portraits, supermodel aesthetic, or unretouched natural photography.
Claude Code์ฉ ์ํฐํ๋ผ์ด์ฆ Mermaid ๋ค์ด์ด๊ทธ๋๋ฐ ์คํฌ. MCP Playwright ํตํฉ์ ํตํด ์ํคํ ์ฒ ๋ค์ด์ด๊ทธ๋จ, ํ๋ก์ฐ์ฐจํธ, ์ํ์ค ๋ค์ด์ด๊ทธ๋จ, ์๊ฐ์ ๋ฌธ์๋ฅผ ์์ฑํจ.