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...
Skills IA blockchain design
Découvrez les skills blockchain design, comparez leurs dépôts et consultez leurs instructions.
Catégories: blockchain design
blockchain design Effacer les filtres
Explorer
GitHub
blog-image-generator
Generate cyberpunk-styled images for blog posts including banners (16:9), callouts (1:1), and diagrams (9:16). Use this skill when creating new blog posts, when asked to generate images, or when updating visual...
GitHub
pixellab-create-character
Create pixel art characters using PixelLab MCP with guided prompts for style consistency. Asks for description, size, art style, and validates against the project's existing art direction. Use this when the use...
GitHub
art
Visual content generation with Excalidraw hand-drawn aesthetic. USE WHEN user wants diagrams, visualizations, comics, or editorial illustrations.
GitHub
diagram-expert
使用 Mermaid、PlantUML、GraphViz 等语言创建技术图表。当用户需要流程图、时序图、架构图、ER 图、甘特图或思维导图时触发。
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 using Astro and Tailwind CSS. Generates creat...
GitHub
uiux
共通UIコンポーネント、カラーパレット、タイポグラフィ、スペーシング、空状態デザイン。UI実装、コンポーネント作成、スタイリング時に使用。
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, artifacts, posters, or applications (websites, landing pages, dashboards...
GitHub
plantuml
Create PlantUML diagrams (especially swimlane business workflows). Use to look up official syntax, generate .puml, then format/validate and render to PNG.
GitHub
webapp-consultant
Transform vague requirements into detailed specifications for HTML + Tailwind + vanilla JS web apps. Use when customers describe features vaguely, need project documentation, or want technical specifications wi...
GitHub
modern-ui-designer
Expert guidance for creating stunning, professional 2025 UI designs using Tailwind CSS and shadcn/ui. Ensures clean minimal aesthetics, 8px grid consistency, mobile-first responsive patterns, and WCAG accessibi...
GitHub
mobile-first-designer
Expert responsive design mentor focused on modern mobile UI patterns, touch-friendly interactions, and performance optimization. Reviews layouts for mobile-first best practices, identifies accessibility issues,...
GitHub
design-system-modern-oklch
Use when setting up modern UI design systems with OKLCH colors, Shadcn components, and Tailwind v4 - provides production-ready design tokens, component patterns, and complete setup for cutting-edge color scienc...
GitHub
portfolio-layouts
Creates responsive portfolio galleries, project showcases, and image grid layouts. Use when building portfolio pages, creating image galleries, or designing project showcase sections. Handles lazy loading and r...
GitHub
web-design-standards
Provides guidance on HTML/CSS best practices for responsive web design, Bootstrap integration, accessibility, and performance optimization. Use when building web pages, styling components, or improving web desi...
GitHub
eisaal-theming
Complete Eisaal Sanctuary design system including Karbala shrine-inspired color palette, typography, spacing tokens, glassmorphic effects, and animation patterns. Use for any UI work.
GitHub
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?"
GitHub
nanobanana
Use when "nanobanana", "generate image", "create image", "edit image", "AI drawing", "Gemini image", "image generation"
GitHub
canvas-design
Use when "creating posters", "visual art", "design philosophy", "PDF art", "PNG design", or asking about "abstract art", "visual design", "museum-quality graphics"
GitHub
visual-workflow-diagram-generator
This skill should be used when the user asks to "create a workflow diagram", "visualize a workflow", "generate a process flow", "make a flowchart", "diagram these steps", or provides workflow steps that need vi...
GitHub
tower-visuals
Provides rules and patterns for drawing machine-based tower visuals using p5.js primitives. Use when designing or modifying tower rendering to use geometric shapes instead of sprites.
GitHub
icon-generator
Generate AI icons using icon.new. Use when the user wants to create icons, generate icon assets, or needs visual icons for their project.
GitHub
do-library-mermaid
Claude Code용 엔터프라이즈 Mermaid 다이어그래밍 스킬. MCP Playwright 통합을 통해 아키텍처 다이어그램, 플로우차트, 시퀀스 다이어그램, 시각적 문서를 생성함.
GitHub
create-placeholder-image
画像生成AI用プロンプトを含むプレースホルダー画像を生成するスキル。技術ドキュメントに挿入するイラスト用のプレースホルダー画像を作成する際に使用する。プロンプト、スタイル、要素、日本語ラベルを指定してJPG画像を生...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.