home/categories/content-media
domain cluster

Content & Media

CMS, document processing, and media generation.

7032 ์Šคํ‚ฌall categories
sorting
์Šคํƒ€
current ordering strategy
query
all entries
refine the visible subset
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
laststance
content-media
open
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
violabg
content-media
open
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
christian289
content-media
open
design
0

svg-diagram

์ •๊ตํ•œ SVG ์•„ํ‚คํ…์ฒ˜ ๋‹ค์ด์–ด๊ทธ๋žจ์ด ํ•„์š”ํ•  ๋•Œ

younwony
younwony
content-media
open
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
zsh2401
content-media
open
design
0

photographer-lachapelle

Generate images in David LaChapelle's surreal pop art style. Use when users ask for LaChapelle style, pop surrealism, hyper-saturated colors, theatrical staging, baroque maximalism, kitsch aesthetic.

bluewaves-creations
bluewaves-creations
content-media
open
design
0

frontend-ui-ux-engineer

A designer-turned-developer who crafts stunning UI/UX even without design mockups. Code may be a bit messy, but the visual output is always fire.

404kidwiz
404kidwiz
content-media
open
design
0

generating-pikchr

Generates Pikchr diagram code from descriptions. Pikchr is a text-based diagram language (PIC descendant) that renders to SVG. Use when asked to create flowcharts, architecture diagrams, syntax diagrams, or any technical illustration using Pikchr syntax. Covers object primitives, positioning, styling, and layout patterns.

claylo
claylo
content-media
open
design
0

favicon-generator

Generate professional-quality favicons that rival the best app icons. Uses a multi-layer effects engine with drop shadows, inner glows, highlights, gradients, and noise textures. Includes 8 curated design templates and 18 Lucide icons. Produces complete favicon suites with proper ICO, SVG, PNG formats and framework integration. Trigger when users need favicons, app icons, or browser tab icons.

andhikapraa
andhikapraa
content-media
open
design
0

design-system

Design system guidelines for RawDrive. Use when styling components, using color tokens, implementing themes, or following UI patterns.

veerababumanyam
veerababumanyam
content-media
open
design
0

ui-generator

PRESIDENT CARDใฎ็”ป้ขใ‚’็”Ÿๆˆใ™ใ‚‹ใ€‚ๆ–ฐใ—ใ„ใƒšใƒผใ‚ธไฝœๆˆใ€ๆ—ขๅญ˜็”ป้ขใฎไฟฎๆญฃใ€ใ‚ณใƒณใƒใƒผใƒใƒณใƒˆ้…็ฝฎๆ™‚ใซไฝฟ็”จใ€‚

takahere
takahere
content-media
open
design
0

image-generation

Generate images using OpenAI's gpt-image-1.5 model. Use when users request image creation, artwork, illustrations, marketing graphics, icons, or any visual content. Supports transparent backgrounds, multiple sizes, and quality levels.

dglowacki
dglowacki
content-media
open
design
0

pca-theme-factory

Fornece paletas de cores e tipografia padronizadas para o Projeto PCA Camocim. Aplica temas visuais em artefatos de UI e Documentos.

narcisolcf
narcisolcf
content-media
open
design
0

aico-frontend-style-extraction

Extract design tokens (colors, typography, spacing, effects) from reference website or screenshot to create project design system. UNIQUE VALUE: Creates standardized design-system.md file with all design tokens extracted systematically. Use this skill when: - User shares reference website URL and wants to extract its style - User provides screenshot or image and asks to "extract design", "extract style" - Running /frontend.init and need to create design system from reference - User asks to "create design system", "extract colors", "extract typography" - Need to establish consistent design tokens before starting frontend work Methods: URL (via Playwright MCP screenshot) or direct screenshot analysis Output: ALWAYS write to docs/reference/frontend/design-system.md

yellinzero
yellinzero
content-media
open
design
0

identidade-visual

Detailed guidelines for the ArchFlow project's visual identity, including color palettes, typography, and component styling. Use this when implementing or updating UI components.

Italo520
Italo520
content-media
open
design
0

icon-creation

Generate browser extension icons at multiple sizes (16x16, 32x32, 48x48, 128x128) from SVG files. Use when creating new extension icons, converting SVG to PNG icons, or when user mentions extension icons, icon generation, or icon sizes.

oaustegard
oaustegard
content-media
open
design
0

brand-guidelines

Applies tedt.org brand colors, typography, and visual styling conventions to any artifact that benefits from the siteโ€™s look-and-feel. Use it when brand colors, type, visual formatting, or design standards apply.

TedTschopp
TedTschopp
content-media
open
design
0

arch-designer

Use when the user wants to generate architecture diagrams, visualize their codebase structure, create pitch decks with system diagrams, or understand their infrastructure layout from code

jeremyodell
jeremyodell
content-media
open
design
0

grafix-compose

ใ€Œใ‚ณใƒณใ‚ปใƒ—ใƒˆ๏ผˆใƒขใƒใƒผใƒ•/้›ฐๅ›ฒๆฐ—๏ผ‰ใ€ใ‚’ใ€Grafix ใฎ `draw(t)` ๅฎŸ่ฃ…ใซ่ฝใจใ™ใŸใ‚ใฎๆง‹ๆˆๆฑบๅฎšใ‚นใ‚ญใƒซใ€‚primitive/effect ใฎๆ•ฐใ‚’็ตžใ‚Šใ€ใพใš้™็š„ๆง‹ๅ›ณโ†’ๆฌกใซ t ๅค‰ๅŒ–ใ€ใฎ้ †ใง็ ด็ถปใ—ใชใ„ไฝœๅ“ใ‚’ไฝœใ‚‹ใ€‚

tyhts0829
tyhts0829
content-media
open
design
0

ui-design

Create HTML UI mockups stored in ideas/[project]/docs/ui-designs/

TaylorHuston
TaylorHuston
content-media
open
design
0

creating-wpf-animations

Creates WPF animations using Storyboard, Timeline, and EasingFunction patterns. Use when implementing UI transitions, state change visualizations, or interactive feedback effects.

christian289
christian289
content-media
open
design
0

color-master

Convert colors between formats (HEX, RGB, HSL, CMYK, LAB, LCH, oklch, ANSI), generate color harmonies (complementary, triadic, analogous), check accessibility (WCAG contrast), and simulate color blindness. Use when working with colors, design systems, CSS themes.

bolasblack
bolasblack
content-media
open
design
0

svg-diagram

์ง์ ‘ SVG ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์—ฌ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ๊ตฌ์กฐ๋„, ๋น„๊ต ๋‹ค์ด์–ด๊ทธ๋žจ, ํ…Œ์ด๋ธ” ํ˜•์‹ ๋“ฑ ์ •๊ตํ•œ ๋ ˆ์ด์•„์›ƒ์ด ํ•„์š”ํ•  ๋•Œ ์‚ฌ์šฉํ•˜์„ธ์š”.

younwony
younwony
content-media
open
Previous
Page 267 / 293
Next