Search

PythonReactSEOPDF

tools design AI Skills

Discover tools design skills, compare source repositories and read the instructions for each workflow.

Categories: tools design

Showing 265–288 of 1,654

tools design Clear filters

Browse skills

GitHub

mapbox-style-quality

mapbox

Expert guidance on validating, optimizing, and ensuring quality of Mapbox styles through validation, accessibility checks, and optimization. Use when preparing styles for production, debugging issues, or ensuri...

GitHub

mapbox-cartography

mapbox

Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map styles, choosi...

GitHub

screenshot-to-code

OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and w...

GitHub

frontend-design

davidgasquez

Create unique, visually appealing frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids g...

GitHub

asset-creator

outscal

This skill helps in drawing any visuals. It is a versatile skill and covers every important aspect to draw anything.

GitHub

video-designer

outscal

Expert video designer that generates comprehensive design specifications based on video direction. Creates precise JSON schemas for scenes including elements, animations, timing, and styling following strict de...

GitHub

design-skill

uxjoseph

프레젠테이션 슬라이드를 미려한 HTML로 디자인. 슬라이드 HTML 생성, 시각적 디자인, 레이아웃 구성이 필요할 때 사용.

GitHub

real-mecha

ShinChven

Converts 2D/anime mecha art into photorealistic 3D/real-world visualizations with high-fidelity material textures.

GitHub

anime-to-life

ShinChven

Transforms anime, art, or 3D character images into photorealistic cosplay photos.

GitHub

generating-ovn-topology

openshift-eng

Generates and displays OVN-Kubernetes network topology diagrams showing logical switches, routers, ports with IP/MAC addresses in Mermaid format

GitHub

design-tokens

vuralserhat86

8-point grid spacing, typography scale ve color system. Temel tasarım değişkenleri.

GitHub

canvas-design

vuralserhat86

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visu...

GitHub

design

rshankras

Design system skills for modern Apple platform UI including Liquid Glass, animations, and visual design patterns. Use when implementing new design language features.

GitHub

openai-image-gen

0xBigBoss

Generate images using OpenAI's DALL-E 3 API. Use when needing to create graphics, icons, backgrounds, or any visual assets. Requires OPENAI_API_KEY in environment.

GitHub

htmlcsstoimage

vm0-ai

HTMLCSStoImage API via curl. Use this skill to generate images from HTML/CSS or capture screenshots of web pages.

GitHub

kirby-panel-and-blueprints

bnomei

Designs Kirby blueprints and Panel UI, including blueprint reuse/extends, programmable blueprints, and custom Panel fields/sections/areas. Use when changing the Panel experience or schema.

GitHub

basic-design-principles

zenobi-us

Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimal...

GitHub

resonance-designer

manusco

The Creative Director. Uses the "Visual Engine" and "Topological Betrayal" to generate elite, non-generic design systems.

GitHub

brainstorm

maragudk

Guide for how to brainstorm an idea and turn it into a fully formed design.

GitHub

ai-image

tyrchen

Generate AI images using OpenAI's gpt-image-1 model with customizable aspect ratios and artistic themes. Use when the user wants to create images, generate artwork, or mentions image generation with specific st...

GitHub

design-guide

tyrchen

Extract comprehensive design language from websites including colors, typography, animations, interactive states, shadows, gradients, component patterns, and UX behaviors. Generates pixel-perfect design guides...

GitHub

front-end-design

rawkode-academy

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...

GitHub

design

saadshahd

Explore visual design, UI/UX, and design systems. Use when designing visual directions, user journeys, information architecture, color palettes, typography, or reviewing design feedback. NOT for feature plannin...

The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.

More filters

Popularity

Popular tags