fal-image-gen
Generate AI images using fal.ai Nano Banana Pro model. Use this skill when (1) User requests image generation or creation, (2) User wants AI-generated visuals for websites, products, or marketing, (3) User asks...
Discover blockchain design skills, compare source repositories and read the instructions for each workflow.
Generate AI images using fal.ai Nano Banana Pro model. Use this skill when (1) User requests image generation or creation, (2) User wants AI-generated visuals for websites, products, or marketing, (3) User asks...
Applies Cinzia's brand colors and typography to any sort of artifact that may benefit from having Cinzia's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design stand...
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...
Applies Acornsoft's official brand colors and typography to any sort of artifact that may benefit from having Acornsoft's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or compa...
Compare implementation screenshot with Figma design for visual testing
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...
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...
Create high-level system design and architecture diagrams.
Guidelines and best practices for creating draw.io diagrams with proper formatting, font handling, and layout rules. Use when creating or editing .drawio files, generating architecture diagrams, or working with...
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...
Use when implementing QR code generation - provides complete patterns for generating QR codes from text/URLs, displaying QR codes in modals, and customizing QR code appearance
Creates distinctive, production-grade UI with CSS, Tailwind, and modern styling. Use when working on frontend design, UI, UX, styling, CSS, layout, animation, typography, colors, themes, dark mode, or when aske...
Comprehensive design engine for UI/UX, Print, and Social Media. Includes automated image resizing tools, contrast calculators, and 2026 strategic frameworks.
Use when user needs to create a pitch deck for EdTech startups - transforms content into visually compelling, narrative-driven presentations through collaborative refinement, wireframing, and hybrid deck genera...
StudioJinsei用Nanobanana画像生成Skill。Google Gemini APIを使用してロゴ、コトネちゃん、サイトビジュアル等を生成します。
Capture and analyze sketches from the tldraw canvas to understand user intent
Automatically invoked when creating visual diagrams (flowcharts, sequence diagrams, ERDs, state machines, user journeys). Ensures proper Mermaid syntax and diagram clarity.
Create comprehensive design systems with OKLCH colors, typography scales, spacing systems, and shadcn/ui theming. Use when setting up design tokens, creating color palettes, or configuring the visual foundation...
MANDATORY design quality validation for every section. Ensures implementations match inspiration quality and avoid generic AI aesthetics. Use during shape-pages and implement.
Comprehensive web design aesthetics guide for applying specific design styles to projects. Use when: (1) User mentions a specific design style name (glassmorphism, brutalist, minimalist, neomorphism, cyberpunk,...
Create distinctive, accessible color palettes for UI/web design that avoid generic AI aesthetics. Use when designing websites, applications, or any digital interface requiring thoughtful color selection. Provid...
Extended frontend design guidelines with comprehensive mobile responsiveness and cross-element styling consistency. Use alongside /frontend-design for production-grade, mobile-first interfaces.
Create distinctive, production-grade frontend interfaces with high design quality AND comprehensive mobile responsiveness. Combines aesthetic guidelines with mobile-first patterns, form consistency, and color c...
Expert UI design guidance for polishing game interfaces. Use when reviewing screenshots, recommending CSS improvements, designing color schemes, improving typography, adding visual polish, or making the game lo...
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.