category focus

Design

UI/UX, graphics, and prototyping.

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

visual-qa

ๅฎŸ่ฃ…็”ป้ขใฎใ‚นใ‚ฏใƒชใƒผใƒณใ‚ทใƒงใƒƒใƒˆใ‚’ๅ–ๅพ—ใ—่ฆ–่ฆš็š„ใซ็ขบ่ชใ™ใ‚‹ใ€‚ใƒ‡ใ‚ถใ‚คใƒณๆคœ่จผใ€Figmaๆฏ”่ผƒๆ™‚ใซไฝฟ็”จใ€‚

takahere
takahere
content-media
open
design
0

frontend-design

ะญะบัะฟะตั€ั‚ ะฟะพ frontend ะดะธะทะฐะนะฝัƒ. ะ˜ัะฟะพะปัŒะทัƒะน ะดะปั ัะพะทะดะฐะฝะธั UI/UX, ั‚ะธะฟะพะณั€ะฐั„ะธะบะธ, ั†ะฒะตั‚ะพะฒั‹ั… ัั…ะตะผ, ะฐะฝะธะผะฐั†ะธะน ะธ distinctive visual aesthetics.

dengineproblem
dengineproblem
content-media
open
design
0

diagram-formatting

Ensures ASCII/box-drawing diagrams follow consistent formatting standards.

neilpeterson
neilpeterson
content-media
open
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
alongor666
content-media
open
design
0

infographic-generator

ใ‚คใƒณใƒ•ใ‚ฉใ‚ฐใƒฉใƒ•ใ‚ฃใƒƒใ‚ฏ็”Ÿๆˆใ€‚ใƒชใ‚ตใƒผใƒใ‚คใƒณใ‚ตใ‚คใƒˆใ€ใƒ‡ใƒผใ‚ฟใƒ“ใ‚ธใƒฅใ‚ขใƒฉใ‚คใ‚ผใƒผใ‚ทใƒงใƒณใ€ๆƒ…ๅ ฑๅ›ณ่งฃใซไฝฟ็”จใ€‚ใ‚ญใƒผใƒฏใƒผใƒ‰: infographic, ใ‚คใƒณใƒ•ใ‚ฉใ‚ฐใƒฉใƒ•ใ‚ฃใƒƒใ‚ฏ, ๅ›ณ่งฃ, ใƒ“ใ‚ธใƒฅใ‚ขใƒฉใ‚คใ‚บ, visualization, ็”ปๅƒ็”Ÿๆˆ

langcore-org
langcore-org
content-media
open
design
0

mermaid-diagram

Mermaid CLI๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋‹ค์ด์–ด๊ทธ๋žจ์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ํ”Œ๋กœ์šฐ์ฐจํŠธ, ์‹œํ€€์Šค ๋‹ค์ด์–ด๊ทธ๋žจ, ER ๋‹ค์ด์–ด๊ทธ๋žจ ๋“ฑ ๋ณต์žกํ•œ ๋…ผ๋ฆฌ ํ๋ฆ„์— ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค.

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

icons-badges

Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback

dylantarre
dylantarre
content-media
open
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
nibzard
content-media
open
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
noelrohi
content-media
open
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
lexiaoyao20
content-media
open
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
JSKIM-90
content-media
open
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
ProfPowell
content-media
open
design
0

flowchart

Generate flowcharts and diagrams using typst with cetz

hmyuuu
hmyuuu
content-media
open
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
acornsoft
content-media
open
design
0

grafix-draw-export

Grafix ใฎ `draw(t)` ใ‚นใ‚ฑใƒƒใƒใ‚’็”Ÿๆˆใƒปๆ”น่‰ฏใ—ใ€`python -m grafix export` ใง PNG ใ‚’่ค‡ๆ•ฐๆžš headless ๅ‡บๅŠ›ใ—ใฆๆฏ”่ผƒใ™ใ‚‹ใŸใ‚ใฎๆ‰‹้ †ใ€‚ใƒฆใƒผใ‚ถใƒผใŒใ€ŒGrafix ใฎ draw ใ‚’ไฝœใฃใฆใ€ใ€ŒPNG ใ‚’ๆ›ธใๅ‡บใ—ใฆใ€ใ€Œๅ€™่ฃœใ‚’่ค‡ๆ•ฐๅ‡บใ—ใฆๆฏ”่ผƒใ—ใŸใ„ใ€ใ€Œheadless ใง export ใ—ใŸใ„ใ€ใชใฉใจ่จ€ใฃใŸใจใใซไฝฟใ†ใ€‚

tyhts0829
tyhts0829
content-media
open
design
0

photographer-lindbergh

Generate images in Peter Lindbergh's iconic black and white style. Use when users ask for Lindbergh style, raw authentic beauty, emotional B&W portraits, supermodel aesthetic, or unretouched natural photography.

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

do-library-mermaid

Claude Code์šฉ ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ Mermaid ๋‹ค์ด์–ด๊ทธ๋ž˜๋ฐ ์Šคํ‚ฌ. MCP Playwright ํ†ตํ•ฉ์„ ํ†ตํ•ด ์•„ํ‚คํ…์ฒ˜ ๋‹ค์ด์–ด๊ทธ๋žจ, ํ”Œ๋กœ์šฐ์ฐจํŠธ, ์‹œํ€€์Šค ๋‹ค์ด์–ด๊ทธ๋žจ, ์‹œ๊ฐ์  ๋ฌธ์„œ๋ฅผ ์ƒ์„ฑํ•จ.

yejune
yejune
content-media
open
Previous
Page 60 / 60