CMS, document processing, and media generation.
Applies Shadowrun cyberpunk aesthetic to UI components. Use when building character sheets, creation cards, gear panels, modal dialogs, or any SR-themed interface elements. Combines systematic craft principles with the distinctive visual language of the Sixth World.
使用設計哲學在 .png 和 .pdf 文件中建立美麗的視覺藝術。當使用者要求建立海報、藝術品、設計或其他靜態作品時，應使用此技能。建立原創視覺設計，絕不複製現有藝術家的作品以避免侵犯版權。
Use when you need SVGs with selectable/customisable appearance: multiple palettes (WLILO / Obsidian / light), consistent typography, and repeatable agent-friendly pipelines. Triggers: svg theme, tokens, palette, WLILO, obsidian, design system, dark mode, diagram styling.
Generate UI mockups using Magic MCP (21st.dev). Use when (1) creating new UI components, (2) prototyping interfaces, (3) building design system components.
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.
Create and manage Mermaid architecture diagrams with automatic SVG generation
用於為各種產物套用主題樣式的工具組。這些產物可以是投影片、文件、報告、HTML 登陸頁面等。提供 10 個預設的顏色/字型主題，可套用至任何已建立的產物，或即時生成新主題。
Use when the user asks for posters, artwork, or other standalone static visuals, especially when output is requested as PNG or PDF.
Use when the user provides UI screenshots/mockups and wants a design system extracted or an implementation prompt that matches those references.
Create or repair SVG diagrams without overlapping text/shapes. Use when shipping new SVGs, editing WLILO-styled diagrams, or when collision checks report overlaps/clipping.
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.
Create professional architecture diagrams using D2, Draw.io, Mermaid, and OCI official icons for enterprise-grade visualizations
Nano Banana (Google Gemini API) を使って画像を生成・編集するスキル。「画像を生成して」「イラストを作って」「○○の絵を描いて」「画像を作成」「この画像を編集して」「この画像をもとに○○を作って」「generate an image」「create a picture」「edit this image」などの依頼があった場合に使用。テキストからの生成、参照画像からの生成、画像編集、Google検索グラウンディングによる最新情報を反映した画像生成に対応。「最新の○○」「トレンドを反映」「リアルタイム情報」といった依頼にも対応可能。
Design system foundation. Colors, typography, spacing. Single source of truth. No raw values.
When creating vector artwork, illustrations, or SVG graphics for creative expression - provides iterative drawing workflow with visual feedback using render-svg tool
生成新中式禅意品牌VI系统提示词。当用户需要创建东方美学品牌识别、新中式品牌全案、禅意风格VI设计时使用。
This skill should be used when the user asks to "create section dividers", "make transparent dividers", "generate decorative borders", "create parallax dividers", "design section transitions", "make HR dividers", "crystal dividers", "organic borders", "silhouette borders", or needs transparent PNG dividers for web sections.
Use when creating SVG shapes, paths, or generators for charts. Invoke for line/area/arc generators, curves, symbols, pie/donut charts, stacks, ribbons, or path manipulation operations.
Generates a complete iOS app icon set with all required sizes. Use when asked to create an app icon, design an iOS icon, generate app store artwork, or make an icon for an iPhone/iPad app. Follows a philosophy-first approach - first defining the visual identity and concept, then producing production-ready icons.
Use when converting UI mockups, screenshots, Figma/Sketch designs, wireframes, or building component libraries from design systems into production-ready code
Expert guide for the Doggy Bag color/theme system with color theory principles
