design
0
plantuml-diagram
Generate PlantUML diagrams including UML class, sequence, and component diagrams. Use when creating UML diagrams or system architecture visualizations.
ntaksh42
content-media
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
0
deepwiki-ascii-diagrams
ASCII diagram generation skill for creating professional architectural diagrams in text format. Supports C4 models, sequence diagrams, component diagrams, deployment diagrams, data flow diagrams, class diagrams, and integration diagrams for technical documentation.
gravity9-tech
content-media
design
0
system-design
Create and manage system design diagrams with Mermaid. Use for architecture, flows, data models, and business logic visualization.
atilladeniz
content-media
design
0
diagrams-kroki
Generates diagrams from text using Kroki unified API. Supports PlantUML, Mermaid, D2, C4, GraphViz, DBML, and 20+ formats. Use when creating UML diagrams, architecture diagrams, flowcharts, ERDs, sequence diagrams, or state machines.
parthspatel
content-media
design
0
mermaid
Generate diagrams and flowcharts from mermaid definitions using the mermaid-cli (mmdc). Supports themes, custom CSS, and various output formats including SVG, PNG, and PDF. Mermaid supports 20+ diagram types including flowcharts, sequence diagrams, class diagrams, state diagrams, entity relationship diagrams, user journeys, Gantt charts, pie charts, quadrant charts, requirement diagrams, GitGraph, C4 diagrams, mindmaps, timelines, ZenUML, Sankey diagrams, XY charts, block diagrams, packet diagrams, Kanban boards, architecture diagrams, radar charts, and treemaps. This skill is triggered when the user says things like "create a diagram", "make a flowchart", "generate a sequence diagram", "create a mermaid chart", "visualize this as a diagram", "render mermaid code", or "create an architecture diagram".
SecKatie
content-media
design
0
ui-design-review
Expert UI design consultant with 10+ years of experience in visual interface design for complex systems, enterprise SaaS, and data-heavy products. Specializes in layout, grid systems, composition, typography, and functional color usage. Use when user requests UI feedback, visual design review, or interface critique. Triggers include "Review the UI design", "Critique this layout", "Analyze the visual hierarchy", or similar requests. Works with screenshots, mockups, and live interfaces.
ravidorr
content-media
design
0
visual-assets
Create and manage diagrams, illustrations, tables, and visual components for the textbook. Use when adding architecture diagrams, flowcharts, hardware schematics, or data tables.
maneeshanif
content-media
design
0
mermaid
This skill should be used when creating, editing, or debugging Mermaid diagrams. It provides comprehensive syntax references for all 20+ Mermaid diagram types including flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and more. Use this skill when users ask for diagrams, visualizations, flowcharts, or any Mermaid-related assistance.
pcasaretto
content-media
design
0
moai-mermaid-diagram-expert
Enterprise Mermaid diagramming solution with 21 diagram types
jg-chalk-io
content-media
designmarketplace
0
mermaid-generator
Mermaid diagram generation expert. Activate when: - User asks to create flowcharts, sequence diagrams, or architecture diagrams - User mentions "mermaid", "diagram", "visualize flow", "sequence diagram" - Need to document system architecture or data flows - Creating documentation that benefits from visual representation
pagerguild
content-media
design
0
frontend-design
This skill should be used when implementing "UI/UX design", "Streamlit component design", "frontend styling", "user interface consistency", "design system implementation", "responsive design", or when creating cohesive visual interfaces for web applications.
ChunkyTortoise
content-media
design
0
brand-agency
Expert branding agent that guides users through questionnaire, researches fonts/colors online, and generates comprehensive brand guidelines (MD + TXT files) with visual swatches. Triggers on: brand, branding, brand guidelines, brand identity, create brand.
pythondatascrape
content-media
design
0
theme-factory
This skill should be used when implementing "professional styling", "theme systems", "brand consistency", "design tokens", "visual identity", "color schemes", "typography systems", or when creating cohesive visual themes for applications.
ChunkyTortoise
content-media
design
0
theme-factory
This skill should be used when implementing "professional styling", "theme systems", "brand consistency", "design tokens", "visual identity", "color schemes", "typography systems", or when creating cohesive visual themes for applications.
ChunkyTortoise
content-media
design
0
frontend-aesthetics
Creates distinctive, creative frontend designs that avoid generic "AI slop" aesthetics. Use when designing UI components, choosing colors/fonts, adding animations, or improving visual design. Focuses on unique typography, cohesive themes, purposeful motion, and atmospheric backgrounds.
Josuevillalona
content-media
design
0
ascii-ui-designer
Create high-quality ASCII art UI/UX previews for web development with a two-phase approach. Phase 1: Design & Preview - visualize interfaces, explore layouts, refine ideas in ASCII format without code. Phase 2: Implementation - when ready, get HTML/CSS/React code and design tokens. Use for exploring ideas, getting stakeholder feedback, and iterating on design before development.
garbray
content-media
design
0
explore-ui-design
Visual design exploration (layout, color, typography, component composition). Use when exploring "how should this look?" or "what visual treatment should we use?"
dthompson-jti
content-media
design
0
nano-image-generate
Generate images using Nano Banana (Flash) or Nano Banana Pro. Use 'flash' for speed/efficiency and 'pro' for high quality, text rendering, and complex prompt adherence. Triggers include 'generate image', 'create logo', 'fast image', 'high quality image'.
fancyboi999
content-media
design
0
visual-design-pro
Creates production-grade static visual art (PNG/PDF) based on deep design philosophies. Use for posters, covers, and artistic assets. Requires access to local fonts.
narcisolcf
content-media
design
0
slack-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
dparedesi
content-media
design
0
tacosdedatos-illustrator
Create complete post banner illustrations for tacosdedatos from concept to final image. Use this skill when you need to create a banner image for a new post, generate an illustration that matches the tacosdedatos visual style, or produce publication-ready artwork. This is the main creative orchestration skill that handles the full workflow.
chekos
content-media
design
0
teams-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Teams. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Teams like "make me a GIF of X doing Y for Teams."
0GiS0
content-media