GitHub
data-artist
Create beautiful data visualizations with mathematical elegance, color theory, and narrative design - the "Data is Beautiful" aesthetic.
☆ 2View 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
datavis
Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2) designing...
☆ 2View skill
GitHub
base-ui-design
Base UI component patterns and design system guidelines. Use when creating or styling UI components, managing spacing, typography, border radius, icons, or following project design standards.
☆ 2View skill
GitHub
mermaid
Guide for creating mermaid diagrams. This skill should be used when users want to create a mermaid diagram (or update an existing diagram).
☆ 2View skill
GitHub
canvas-design
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...
☆ 2View skill
GitHub
art
Complete visual content system for PAI. Tron-meets-Excalidraw aesthetic - dark backgrounds, neon accents, hand-drawn sketch style.
☆ 2View 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...
☆ 2View skill
GitHub
mermaid-creator
Create Mermaid diagrams for technical documentation, system design, and data modeling. Use when creating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, git graphs, or...
☆ 2View skill
GitHub
brand-guidelines
Applies AI Security Assurance's official brand colors, typography, and voice to any artifact. Use when creating presentations, documents, marketing materials, or any content that should reflect the company's pr...
☆ 2View skill
GitHub
frontend-design
Guide for creating distinctive UI designs that avoid generic templates. Use when designing new UI components, screens, or evaluating designs for uniqueness and purpose.
☆ 2View skill
GitHub
technical-svg-diagrams
Generate clean, minimal technical SVG diagrams in a consistent Cloudflare-inspired style. Use when creating architecture diagrams, flow diagrams, or component diagrams for blog posts and documentation.
☆ 2View skill
GitHub
mermaid-diagramming
Creates Mermaid v11+ diagrams with ELK layout and YAML frontmatter. Covers 22 diagram types: flowchart, mindmap, block, sequence, journey, state, ER, class, requirement, pie, quadrant, sankey, xy, radar, gantt,...
☆ 2View skill
GitHub
ios-app-icon-generator
Generates a complete iOS app icon set with all required sizes. Use when asked to create an app icon, design an iOS icon, generate app store artwork, or make an icon for an iPhone/iPad app. Follows a philosophy-...
☆ 2View skill
GitHub
generate-image
Generates images using Google Gemini 3 Pro API. Use when asked to create, generate, or design images for slides, presentations, or visual content.
☆ 2View skill
GitHub
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 customiz...
☆ 2View skill
GitHub
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, b...
☆ 2View skill
GitHub
prototyping
Master prototyping - Figma, wireframes, interactive prototypes, user testing, iteration
☆ 2View 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...
☆ 2View skill
GitHub
icon-generator
Generate web UI/UX icon assets (favicon.ico, apple-touch-icon, PWA icons incl. maskable) and optionally Unreal Engine packaging icons (Windows .ico, macOS .iconset/.icns, Linux .png) from a single source SVG/PN...
☆ 2View 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, applications, or redesign existing UIs. Generates creative, p...
☆ 2View skill
GitHub
figma-to-flutter
This skill should be used when converting Figma designs to Flutter code. Trigger this skill when users say "convert this Figma design to Flutter", "run Figma workflow", "implement this Figma screen", or provide...
☆ 2View skill
GitHub
wireframing
Master wireframing with low and high-fidelity mockups, information architecture, and layout design.
☆ 2View skill
GitHub
figma-to-react
Convert Figma designs to pixel-perfect React components with Tailwind CSS.
☆ 2View skill
GitHub
aesthetic-pattern-miner
[Aesthetics] Extracts recurring visual patterns from references: contrast habits, shapes, density/whitespace balance, rhythm, textures. Produces Aesthetic Pattern Library as Data-Sheet nodes in Brain canvas.
☆ 2View 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.