kirby-panel-and-blueprints
Designs Kirby blueprints and Panel UI, including blueprint reuse/extends, programmable blueprints, and custom Panel fields/sections/areas. Use when changing the Panel experience or schema.
CMS, document processing, and media generation.
Designs Kirby blueprints and Panel UI, including blueprint reuse/extends, programmable blueprints, and custom Panel fields/sections/areas. Use when changing the Panel experience or schema.
8-point grid spacing, typography scale ve color system. Temel tasarฤฑm deฤiลkenleri.
Figma design-to-code, design system extraction ve component generation rehberi.
ํ์ผ ์ฝ๊ธฐ/์ฐ๊ธฐ, PDF/Word/Excel ์ฒ๋ฆฌ, ์ด๋ฏธ์ง ์ฒ๋ฆฌ ํจํด. SEPilot Desktop์ ๋ฌธ์ ์ฒ๋ฆฌ ๊ธฐ๋ฅ ๊ธฐ๋ฐ. Electron fs API, ๋ฌธ์ ํ์, ํ์ผ ์์คํ ์์ ์ ๋ค๋ฃน๋๋ค.
Improves Kirby performance and media delivery (cache tuning, CDN, responsive images, lazy loading). Use when optimizing page speed, caching, or image handling.
Improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity. Perfect for preparing images for presentations, documentation, or social media posts.
Create and export project logo/banner SVG assets to light/dark PNG variants. Covers the full lifecycle from initial design exploration through SVG creation to themed PNG export. Use when creating logos, banners, or regenerating PNG exports from SVG source files.
Generates images using OpenAI/DALL-E/GPT image models with an iterative two-phase workflow: fast drafts for iteration, high-quality final render on approval. Triggers on 'generate an image', 'create a picture', 'make me an illustration', 'DALL-E', or any image creation task. Do NOT use for diagrams or flowcharts (use /diagram or /excalidraw-diagram).
Extract SVG icons from FileMaker layout objects (Button, ButtonBar) and save as individual SVG files. Use when the developer says "extract icons", "show me the icons", "get the icons from", "export the SVGs", "what icons are in this", or wants to inspect or reuse icons embedded in FM layout XML.
Generate FileMaker layout objects, preview them in the webviewer, iterate with the developer, then produce output as either XML2 fmxmlsnippet (for paste into FM Layout Mode) or self-contained HTML (for the Web Viewer path). Use when the developer says "design layout", "create layout objects", "build layout", "add fields to layout", "preview layout", or provides a layout spec to implement.
ๆๆกฃๅๆญฅ็ณป็ป๏ผๆ็ปญๆฃๆฅๅญฆไน ้กน็ฎๆๆกฃ๏ผไฟๆ็ฅ่ฏๆๆฐ
Image generation workflow -- generate-image, image-search, logo-lookup scripts. Style reference patterns.
Expert guidance on validating, optimizing, and ensuring quality of Mapbox styles through validation, accessibility checks, and optimization. Use when preparing styles for production, debugging issues, or ensuring map quality standards.
Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map styles, choosing colors, or making cartographic decisions.
้ฟ่ง้ข็ๆไธๅฎถใ้็จไบ้่ฆ็ๆๆ็ป้ข็่ง้ขๅ ๅฎน๏ผไธๆถ้ฟ่ถ ่ฟๅไธช็ๆฎต้ๅถ๏ผ4-12็ง๏ผ็ๅบๆฏใๅ ๅซๅ้่ๆฌๅไฝใๅพ็ๅบๅ็ๆใ่ง้ข็ๆฎต็ๆใๆผๆฅ็ๅฎๆดๅทฅไฝๆตใๆฏๆ่ง่ฒไธ่ดๆงไฟๆใ
่ๆไบบ่ง้ข็ๆไธๅฎถใ้็จไบๅฐๅพ็+้ณ้ขๅๆไธบๅฃๅๅๆญฅ็่ๆไบบ่ง้ข๏ผๅ ๅซ่ง่ฒๅฝข่ฑก็ๆใไบบ่ธๆฃๆตใ่ๆไบบๅๆ็ๅฎๆดๅทฅไฝๆตใ
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, and CLS prevention. Use when user says "image optimization", "alt text", "image SEO", "image size", or "image audit".
AI video production workflow using Remotion. Use when creating videos, short films, commercials, or motion graphics. Triggers on requests to make promotional videos, product demos, social media videos, animated explainers, or any programmatic video content. Produces polished motion graphics, not slideshows.
Create Obsidian-compatible Mermaid diagrams. Prefer square layouts (TB + subgraph LR), avoid markdown in labels. Use when creating flowcharts, sequence diagrams, or any Mermaid diagrams in markdown files.
Create and manage Obsidian Canvas files with automatic layout generation. Use when creating visual knowledge maps, weekly reading summaries, or project timelines.