design
0
handling-colors
ReactUMG 颜色/色彩类型速查。在设置背景色、前景色、透明度、ColorAndOpacity、BrushColor、ForegroundColor 等颜色属性时激活。帮助区分 SlateColor（嵌套结构）和 LinearColor（直接结构）的正确用法，以及 ColorUseRule 的必要性。
15195999826
content-media
domain cluster
Content & Media
CMS, document processing, and media generation.
7032টি স্কিলall categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
0
moai-icons-vector
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.
jg-chalk-io
content-media
design
0
algorithmic-art
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.
defnotwig
content-media
design
0
uml-diagram-design
UML 图表设计和绘制。当用户需要创建系统架构图、类图、时序图、用例图或其他 UML 图表时使用此技能。
aAAaqwq
content-media
design
0
art-pipeline
Deterministic toon pipeline palettes, ramps, sprite baking, battle backgrounds
unfrgivn
content-media
design
0
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
PerceptLabs
content-media
design
0
frontend-design
Эксперт по frontend дизайну. Используй для создания UI/UX, типографики, цветовых схем, анимаций и distinctive visual aesthetics.
dengineproblem
content-media
design
0
diagram-formatting
Ensures ASCII/box-drawing diagrams follow consistent formatting standards.
neilpeterson
content-media
design
0
css-design-tokens
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.
alongor666
content-media
design
0
infographic-generator
インフォグラフィック生成。リサーチインサイト、データビジュアライゼーション、情報図解に使用。キーワード: infographic, インフォグラフィック, 図解, ビジュアライズ, visualization, 画像生成
langcore-org
content-media
design
0
algorithmic-art-generation
Generate artistic visualizations using algorithmic patterns
therealtimex
content-media
design
0
mermaid-diagram
Mermaid CLI를 사용하여 다이어그램을 생성합니다. 플로우차트, 시퀀스 다이어그램, ER 다이어그램 등 복잡한 논리 흐름에 적합합니다.
younwony
content-media
design
0
icon-generator
Generate AI icons using icon.new. Use when the user wants to create icons, generate icon assets, or needs visual icons for their project.
Dragonscale-Labs
content-media
design
0
icons-badges
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
dylantarre
content-media
design
0
brand-illustrator
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.
nibzard
content-media
design
0
mobile-app-icon
Generate mobile app icons using OpenAI or Gemini image generation. Use when creating iOS icons, Android icons, app icons, or generating icon assets.
noelrohi
content-media
design
0
excalidraw-generator
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.
lexiaoyao20
content-media
design
0
figma-to-html
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.
JSKIM-90
content-media
design
0
placeholder-images
Generate SVG placeholder images for prototypes. Use when adding placeholder images for layouts, mockups, or development. Supports simple, labeled, and brand-aware types.
ProfPowell
content-media
design
0
brand-guidelines
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.
acornsoft
content-media
design
0
grafix-draw-export
Grafix の `draw(t)` スケッチを生成・改良し、`python -m grafix export` で PNG を複数枚 headless 出力して比較するための手順。ユーザーが「Grafix の draw を作って」「PNG を書き出して」「候補を複数出して比較したい」「headless で export したい」などと言ったときに使う。
tyhts0829
content-media