GitHub
design-tokens
Design system foundation. Colors, typography, spacing. Single source of truth. No raw values.
☆ 1View skill
tools design AI Skills
Discover tools design skills, compare source repositories and read the instructions for each workflow.
Categories: tools design
tools design Clear filters
Browse skills
GitHub
ui-ux-pro-max
UI/UX design intelligence. 57 styles, 96 palettes, 50 font pairings, 25 charts, 11 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Search and apply design best practic...
☆ 1View skill
GitHub
imagegen
AI image generation using Google Gemini (Gemini) and OpenAI GPT-Image. Generate, edit, iterate, and create assets.
☆ 1View skill
GitHub
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle...
☆ 1View skill
GitHub
frontend-design
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...
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 1View skill
GitHub
terminal-ui-designer
Create distinctive, production-grade terminal user interfaces with high design quality. Use this skill when the user asks to build CLI tools, TUI applications, or terminal-based interfaces. Generates creative,...
☆ 1View skill
GitHub
generate
Nano Banana Pro (nano-banana-pro) image generation skill. Use this skill when the user asks to "generate an image", "generate images", "create an image", "make an image", uses "nano banana", or requests multipl...
☆ 1View skill
GitHub
frontend-design
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...
☆ 1View skill
GitHub
generating-ui
Creates beautiful visual art in .png and .pdf documents using design philosophy. Use when creating posters, artwork, designs, and static visual pieces with original designs. Never copy existing artists' work to...
☆ 1View skill
GitHub
composable-svelte-charts
Data visualization and chart components for Composable Svelte. Use when creating charts, graphs, or data visualizations. Covers chart types (scatter, line, bar, area, histogram), data binding, state-driven upda...
☆ 1View skill
GitHub
design
Explore design directions and implement selected direction
☆ 1View skill
GitHub
designer
UI/UX Designer for interface design and user experience. Creates mockups, wireframes, and design specifications. Use this skill for UI design, user flows, or visual specifications.
☆ 1View skill
GitHub
radflow-design
Create distinctive RadOS-styled UI components with System 7 heritage and warm California aesthetics. Use when building new UI for RadFlow projects. Generates pixel-perfect, on-brand code that avoids generic AI...
☆ 1View skill
GitHub
image-generation
Create diagrams, charts, and visual assets for security documentation. Generate network diagrams, architecture visuals, and data visualizations. Use when creating visual content for reports or presentations.
☆ 1View skill
GitHub
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 o...
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications with React-based frameworks. Includes Tailwind CSS v4, Motion animations, and visual design phi...
☆ 1View skill
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
☆ 1View skill
GitHub
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
☆ 1View skill
GitHub
gemini-imagegen
This skill should be used when generating and editing images using the Gemini API (Nano Banana Pro). It applies when creating images from text prompts, editing existing images, applying style transfers, generat...
☆ 1View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboa...
☆ 1View skill
GitHub
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...
☆ 1View skill
GitHub
snapdom
snapDOM is a fast, accurate DOM-to-image capture tool that converts HTML elements into scalable SVG images. Use for capturing HTML elements, converting DOM to images (SVG, PNG, JPG, WebP), preserving styles, fo...
☆ 1View skill
GitHub
nano-banana
Generate images from text prompts using Google Nano Banana (Gemini image generation) via eng0 data API. Use when user asks to generate, create, or make images, pictures, illustrations, or artwork from descripti...
☆ 1View skill
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.