GitHub
excalidraw
Generate hand-drawn style diagrams (architecture, flowcharts, system design) as .excalidraw.json files. Use when user wants diagrams, mentions Excalidraw, or needs Mermaid-to-visual conversion.
☆ 6View 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
gemini-image
Generate images using AI when user wants to create pictures, draw, paint, or generate artwork. Supports text-to-image and image-to-image generation.
☆ 6View skill
GitHub
tech-design-doc
Generate technical design documents with proper structure, diagrams, and implementation details. Default language is English unless user requests Chinese.
☆ 6View skill
GitHub
frontend-design
Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics
☆ 6View skill
GitHub
ui-design
Use when implementing visual design, styling components, or building design systems. Enforces intentional aesthetics, systematic design tokens, production-grade implementation. Triggers: 'implement design', 'st...
☆ 6View skill
GitHub
scroll-storyteller
Use when creating interactive scroll-based storytelling experiences with mouse-following spotlight effects, animated SVG art, and the Anthropic design language. Load for explainer pages, product showcases, visu...
☆ 6View skill
GitHub
duotone-identity
Use when designing app pages, typography, spacing, or any UI look and feel for the Identity Platform. Load for creating landing pages, chapter sections, SVG illustrations, or applying the duotone cream/charcoal...
☆ 6View skill
GitHub
terminal-ui-design
Use when creating CLI tools, terminal user interfaces (TUI), or any command-line applications. Load for terminal UI design, ASCII art, color schemes, box drawing characters, and polished terminal output. Also u...
☆ 6View 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...
☆ 5View skill
GitHub
brand-guidelines
Applies a predefined brand color palette and typography rules to artifacts that need a consistent visual identity. Use it when brand colors or style guidelines, visual formatting, or company design standards ap...
☆ 5View 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...
☆ 5View 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...
☆ 5View skill
GitHub
mermaid-gen
Generate syntactically correct Mermaid diagrams for technical documentation
☆ 5View skill
GitHub
charts-flow
Create and manage Mermaid architecture diagrams with automatic SVG generation
☆ 5View skill
GitHub
social-media-designer
Create platform-optimized social media graphics
☆ 5View skill
GitHub
wireframe-creator
Create low-fidelity wireframes for rapid prototyping
☆ 5View skill
GitHub
infographic-designer
Create engaging data visualizations and infographics
☆ 5View skill
GitHub
icon-designer
Create cohesive icon sets and design systems
☆ 5View skill
GitHub
color-palette-generator
Create beautiful, accessible color schemes for any project
☆ 5View skill
GitHub
ui-builder
Expert guide for building beautiful, responsive UI with React, Tailwind CSS, Shadcn/ui, and modern design patterns. Use when creating components, layouts, animations, or styling.
☆ 5View skill
GitHub
mockup-generator
Create realistic product mockups and presentations
☆ 5View skill
GitHub
logo-ideator
Generate creative logo concepts and design directions
☆ 5View skill
GitHub
plantuml
Generates diagrams from text using PlantUML. Use when creating sequence diagrams, class diagrams, activity diagrams, C4 architecture diagrams, Gantt charts, mind maps, ER diagrams, or any visual diagram. Trigge...
☆ 5View 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...
☆ 5View 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.