বিজ্ঞাপন[ For iPhone / iPad ] 🔥 Nugget-এর অবিশ্বাস্য ইন্টারেক্টিভ ওয়ালপেপার। এরকম আগে কখনো দেখেননি!
skills.homes logoskills.homescapability registry
home/categories/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
20

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

galangryandana
galangryandana
content-media
open
design
20

frontend-expert

Frontend UI/UX design and implementation for HTML/CSS/JS including semantic structure, responsive layout, accessibility compliance, and visual design direction. Use for building or reviewing web pages/components, fixing accessibility issues, improving styling/responsiveness, or making UI/UX decisions.

jorijn
jorijn
content-media
open
design
20

data-visualization

Master advanced declarative visualization with HoloViews. Use this skill when creating complex multi-dimensional visualizations, composing overlays and layouts, implementing interactive streams and selection, building network or hierarchical visualizations, or exploring data with dynamic maps and faceted displays.

uw-ssec
uw-ssec
content-media
open
design
20

mermaid

Create, validate, and troubleshoot Mermaid.js diagrams. Use when generating flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, state diagrams, or any visualization. Handles diagram validation, syntax errors, broken diagrams, and automatic repair. Trigger terms - mermaid, diagram, flowchart, sequence, class diagram, ER diagram, entity relationship, state machine, gantt, visualization, chart, graph.

rp1-run
rp1-run
content-media
open
design
20

plantuml

Generate PlantUML diagrams from text descriptions and convert them to PNG/SVG images. Use when asked to "create a diagram", "generate PlantUML", "convert puml to image", "extract diagrams from markdown", or "prepare markdown for Confluence". Supports all PlantUML diagram types including UML (sequence, class, activity, state, component, deployment, use case, object, timing) and non-UML (ER diagrams, Gantt charts, JSON/YAML visualization, mindmaps, WBS, network diagrams, wireframes, and more).

SpillwaveSolutions
SpillwaveSolutions
content-media
open
content-creation
20

presentation

비즈니스 모델을 기반으로 서비스 기획서 발표자료 스크립트를 작성합니다. 발표 자료 작성 시 사용하세요. (project)

cna-bootcamp
cna-bootcamp
content-media
open
design
20

frontend-design-fix-html

Fix generic HTML/CSS designs by applying aesthetic upgrades across the 5 design dimensions (typography, color, motion, spatial composition, backgrounds)

matteocervelli
matteocervelli
content-media
open
design
20

frontend-design-html

Create distinctive, production-grade HTML/CSS frontends with exceptional design quality

matteocervelli
matteocervelli
content-media
open
design
20

ui-design-system

Enforce modern dashboard UI patterns with pill-shaped design, professional colour scheme, and typography standards. Use when building or reviewing UI components for the web application.

sgcarstrends
sgcarstrends
content-media
open
design
20

colormaps-styling

Master color management and visual styling with Colorcet. Use this skill when selecting appropriate colormaps, creating accessible and colorblind-friendly visualizations, applying consistent themes, or customizing plot aesthetics with perceptually uniform color palettes.

uw-ssec
uw-ssec
content-media
open
design
20

icon-system

Implements scalable icon systems with SVG sprites or React/Vue components. Use when setting up icon libraries, creating icon sizing tokens, optimizing SVGs, or building accessible icon buttons.

dylantarre
dylantarre
content-media
open
design
20

token-docs

Generates design token documentation with visual swatches and code examples. Use when documenting token values, creating token reference guides, or building searchable design system documentation.

dylantarre
dylantarre
content-media
open
design
20

color-scale

Generates perceptually uniform OKLCH color palettes from brand colors. Use when creating color systems, theme palettes, or converting hex values to 11-step scales. Outputs CSS custom properties, Tailwind config, or JSON tokens.

dylantarre
dylantarre
content-media
open
design
20

type-scale

Generates typography scales using modular ratios with auto-calculated line heights. Use when setting up font-size tokens, heading hierarchy (h1-h6), or text sizing systems. Outputs CSS, Tailwind, or JSON.

dylantarre
dylantarre
content-media
open
design
20

color-contrast

Validates WCAG 2.1 contrast ratios and generates accessible color pairings. Use when checking accessibility compliance, fixing contrast issues, or selecting text/background combinations for AA or AAA levels.

dylantarre
dylantarre
content-media
open
design
20

frontend-design-fix

Fix generic frontend designs by applying aesthetic upgrades across the 5 design dimensions

matteocervelli
matteocervelli
content-media
open
design
20

tikz

Use TikZ to create high-quality vector diagrams and visualizations rendered to SVG with instant browser preview. Use this skill whenever the user asks to draw, visualize, or create diagrams — flowcharts, architecture diagrams, neural networks, mathematical figures, circuit diagrams, graphs, trees, state machines, timelines, or any structured visual. Also triggers on mentions of TikZ, LaTeX drawing, or pgfplots. Even if the user just says 'draw me a diagram' without mentioning TikZ, use this skill if TikZ is a good fit.

lldxflwb
lldxflwb
content-media
open
design
20

generating-infographics

Use when creating infographics, data visualizations, process diagrams, timelines, or comparisons - generates branded infographics using @antv/infographic with 114 templates across 7 categories. Triggers on "create infographic", "make infographic", "visualize data", "timeline", "process diagram".

camoa
camoa
content-media
open
design
20

antigravity-image-gen

Generate images using the internal Google Antigravity API (Gemini 3 Pro Image). High quality, native generation without browser automation.

win4r
win4r
content-media
open
design
20

q-presentations

Generate professional slide deck images from content with smart logo branding. Use when user asks to create slides, make a presentation, generate a deck, or PPT.

TyrealQ
TyrealQ
content-media
open
design
20

create-remotion-geist

Create Remotion videos using the Geist design system aesthetic. Use when asked to create videos, animations, or motion graphics that should follow Vercel's visual style - dark theme, spring animations, Geist typography, and the Geist color palette.

vercel-labs
vercel-labs
content-media
open
design
20

matplotlib-jp-diagram

Generates Python scripts using matplotlib for data visualization with Japanese font support (Noto Sans JP) and specific naming conventions. Use when requested to create diagrams, charts, or plots that require Japanese text or follow a specific filename pattern (foo-diagram.py -> foo-diagram.png).

cho45
cho45
content-media
open
design
20

mermaid-diagram

Generate beautiful Mermaid diagrams — flowcharts, sequence, ER, class, state, pie, gantt, mindmap, timeline, gitgraph, C4, kanban, block, quadrant, sankey, XY charts. Renders to PNG locally and Markdown for GitHub. Use when the user asks for diagrams, visualizations, schemas, flowcharts, architecture overviews, database schemas, API flows, project timelines, git branching strategies, org charts, or any visual representation of systems, workflows, or data.

georgekhananaev
georgekhananaev
content-media
open
design
20

canva-bulk-create

Bulk-create Canva designs from tabular data using a brand template with autofill fields, producing one design per row. Use when users say "bulk create designs from this CSV", "generate one design per row", "create a design for each product", "batch generate from a template", or "autofill a template from a spreadsheet". Accepts any tabular data source — uploaded files, pasted tables, JSON, or URLs.

canva-sdks
canva-sdks
content-media
open
Previous
Page 184 / 293
Next