category focus

Design

UI/UX, graphics, and prototyping.

1436 スキルall categories
sorting
stars
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