design
0
designing-components
Use this skill when you need to design a component
Emz1998
content-media
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
0
pixta-metadata
PIXTAへの出品用タイトル・タグを生成。「PIXTAタグ」「PIXTA出品」「ストックイラスト登録」と言われたら使用。
masayan1126
content-media
design
0
uml-diagram
Generate UML diagrams including class, sequence, and use case diagrams. Use when modeling software systems or documenting architecture.
ntaksh42
content-media
design
0
color-tools
Color palette generation, contrast checking (WCAG), color space conversion, and color harmony tools. Ensures accessible and visually appealing color systems. Use when designing color schemes, checking accessibility, or creating design tokens.
andronics
content-media
design
0
slack-gif-creator
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".
skycruzer
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.
Zazzles2908
content-media
design
0
ui-design-team
Multi-specialist UI design and implementation team for cross-platform applications. Use when working on: (1) UI/UX design decisions - colors, layout, typography, accessibility, (2) Web implementation - HTML5, CSS, responsive design, (3) .NET desktop - WPF, WinUI 3, MAUI with XAML, (4) .NET web - Blazor Server/WASM/Hybrid components, (5) Python GUI - PyQt, Tkinter, Kivy, Streamlit. Triggers: UI design, color scheme, layout, component styling, accessibility, responsive design, XAML styling, Blazor components, CSS architecture, Python GUI, design system, design tokens.
maxxentropy
content-media
design
0
red-hat-brand-guidelines
Applies Red Hat's official brand colors and typography to any sort of artifact that may benefit from having Red Hat's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
noelo
content-media
design
0
working-with-figma
FigmaデザインをMCPツールで取得し、既存コードベースへ正確に実装します。デザイン情報の取得から実装までを一貫して支援します。Figmaデザインとの作業が必要なときに使用してください。
sekka
content-media
design
0
pm7y-mermaid-diagram
Creates syntactically correct mermaid diagrams (flowchart, sequenceDiagram, classDiagram, stateDiagram, erDiagram, gantt, mindmap) following official specifications. Prevents common errors like special characters in labels, subgraph syntax, note misuse, and reserved words. Use when creating or editing mermaid diagrams in documentation or design files.
pm7y
content-media
design
0
generative-art-engine
Generates interactive p5.js algorithmic art artifacts. Requires defining an Algorithmic Philosophy before coding. Enforces seeded randomness.
narcisolcf
content-media
design
0
architecture-design
アーキテクチャ設計書を作成するための詳細ガイドとテンプレート。アーキテクチャ設計時にのみ使用。
yamato0811
content-media
design
0
ui-degamifier
Remove gaming aesthetics (glowing effects, neon shadows, cyberpunk styling) from CSS and replace with professional, clean design. Use when code has distracting visual effects or when implementing corporate/professional UI design. Ensures WCAG AA accessibility.
muhammadhamza718
content-media
design
0
ui-design-agent
Creates UI/UX design patterns, components, and user experience guidelines
Unicorn
content-media
design
0
ascii-art-generator
Generates stylized ASCII art text using block characters
EmeaAppGbb
content-media
design
0
pwa-assets-generator
Generate all required PWA assets from a single 1024x1024px image. This skill creates app icons, favicons, Apple touch icons, maskable icons, badge icons, and placeholder screenshots for PWAs. Use when developers need to prepare PWA manifest assets, generate multiple icon sizes from a source image, or create a complete set of PWA-compliant images.
laststance
content-media
design
0
drawing-canvas-implementation
Implement real-time collaborative drawing canvas with brush tools, color picker, undo/clear functionality, and canvas-to-image export. Use when building drawing UI, handling stroke synchronization, managing drawing state, or uploading drawings to storage.
violabg
content-media
design
0
rendering-with-drawingvisual
Implements lightweight rendering using WPF DrawingVisual with ContainerVisual, VisualCollection, and DrawingContext. Use when rendering large-scale graphics, charts, game graphics, or custom visuals.
christian289
content-media
design
0
latex-tikz-debug
Diagnose and fix invisible or missing TikZ graphics in LaTeX PDFs. Use when user reports that tikzpicture compiles successfully but appears blank, invisible, or missing in the PDF output. Common symptoms include "tikzpicture not showing", "LaTeX figure is blank", "compiled but can't see the diagram".
zsh2401
content-media