design
0
implementing-2d-graphics
Implements WPF 2D graphics using Shape, Geometry, Brush, and Pen classes. Use when building vector graphic UIs, icons, charts, or diagrams in WPF applications.
christian289
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
visual-test-figma
Compare implementation screenshot with Figma design for visual testing
rayzru
content-media
design
0
ui-design-system
UI guidelines following the "Engineered Hardware" aesthetic.
ArtisanClarinets
content-media
design
0
svg
Create precise, production-ready SVG graphics for technical and business contexts (diagrams, P&IDs, HMI/SCADA widgets, process flow visuals, PowerPoint/Office illustrations, UI icons, annotations). Use when the user asks to generate, edit, standardize, optimize, or export SVG artwork; convert requirements (dimensions, scale, line weights, layers, symbols) into clean SVG markup; or produce multiple layout/variant files (editable vs outlined text, light/dark, monochrome).
tazomatalax
content-media
design
0
component-from-capture
画像キャプチャ（直接貼り付けまたはファイルパス指定）から既存のWindows Forms風Astroコンポーネントを組み合わせて画面ページを自動生成します。UIデザインを解析し、レイアウト、色、サイズ、テキストを再現した画面を作成します。
ntaksh42
content-media
design
0
material-design
Google Material Design 3 (Material You) に基づいたUIデザイン。動的カラーシステム、アダプティブデザイン、アクセシビリティ重視。UIコンポーネント作成時に使用。Use when "Material You", "Material Design", "Google style", "マテリアルデザイン" と言われた時。
YusukeTsunoda
content-media
design
0
frontend-design
높은 디자인 품질을 갖춘 독특하고 운영 수준(production-grade)의 프런트엔드 인터페이스를 생성합니다. 웹 컴포넌트, 페이지, 아티팩트, 포스터 또는 애플리케이션(예: 웹사이트, 랜딩 페이지, 대시보드, React 컴포넌트, HTML/CSS 레이아웃 또는 모든 웹 UI의 스타일링/미화)을 구축할 때 이 SKILL을 사용하세요. 일반적인 AI 미학을 피하고 창의적이고 세련된 코드와 UI 디자인을 생성합니다.
icartsh
content-media
design
0
design-asset-parser
Parses design assets (PDF, CSS) to generate a draft design spec.
munlucky
content-media
design
0
app-icon-generator
Generate appealing, high-quality iOS and Android app icons following each platform's design guidelines. Handles specifications, safe zones, export formats, and platform-specific requirements.
ravnhq
content-media
design
0
color-palette
Create distinctive, accessible color palettes for UI/web design that avoid generic AI aesthetics. Use when designing websites, applications, or any digital interface requiring thoughtful color selection. Provides curated domain-specific palettes, color theory guidance, accessibility validation, and strategies to break away from overused patterns (purple gradients, orange-teal combinations, generic tech blues). Includes contrast checkers, palette generators, and comprehensive reference materials organized by domain (Tech/SaaS, E-commerce, Healthcare, Finance, Creative, Food).
nhatmobile1
content-media
design
0
figma-prototyping
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
dylantarre
content-media
design
0
mdl2-icon-picker
Select appropriate Segoe MDL2 Assets icons for WinUI Windows applications. Use when the user needs an icon for their WinUI app UI, asks for icon recommendations, needs a glyph for a button or control, or wants to find icons by visual appearance or use case. Provides Unicode points and icon names with visual descriptions and creative alternatives.
WayneKoorts
content-media
design
0
searches-iconify
Searches Iconify API for icons by query. Use when users need to find, search, or discover icons from Iconify collections.
cbingb666
content-media
design
0
icon-design
Generate application icons for modern web and mobile applications in major image formats including PNG and SVG. This skill should be used when creating app icons, launcher icons, favicons, or PWA icons. It provides platform-specific specifications (iOS, Android, Web), design best practices, color psychology guidance, and references to popular app icon designs. Use this skill for icon design requests, app branding projects, or when generating icon assets for app stores.
karak
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.
Cissou34730
content-media
design
0
design-styles
Comprehensive web design aesthetics guide for applying specific design styles to projects. Use when: (1) User mentions a specific design style name (glassmorphism, brutalist, minimalist, neomorphism, cyberpunk, etc.), (2) User asks for design style recommendations or suggestions, (3) User wants to browse/see available design styles, (4) User is starting a frontend project and needs aesthetic guidance, (5) User asks what style fits their industry/audience/brand, (6) Working with the frontend-design skill and style direction is needed. Provides actionable design direction including color palettes, typography, layout principles, and implementation examples.
nhatmobile1
content-media
design
0
design-excellence
MANDATORY design quality validation for every section. Ensures implementations match inspiration quality and avoid generic AI aesthetics. Use during shape-pages and implement.
deomiarn
content-media
design
0
pca-gif-maker
Gera GIFs animados programaticamente usando Python (Pillow) para o projeto PCA Camocim. Cria animacoes de texto e badges para documentacao.
narcisolcf
content-media
design
0
designing-brand
ブランドアイデンティティとビジュアル設計システムを構築します。カラーシステム、タイポグラフィ、デザイントークン、ガイドラインを提供します。ブランド統一、デザインシステムの構築が必要な場合に使用してください。
sekka
content-media
design
0
design-system-modern-oklch
Use when setting up modern UI design systems with OKLCH colors, Shadcn components, and Tailwind v4 - provides production-ready design tokens, component patterns, and complete setup for cutting-edge color science
imehr
content-media
design
0
edu-demo-builder
Build educational demos with excellent UX. Use when spawned by orchestrator to create or improve interactive visualizations. Focus on: obvious next action, no scrolling, persistent state display. You don't see benchmarks - follow UX principles. Copy base file to your output, then edit your copy.
hanialshater
content-media