GitHub
flutter-ui-design
Modern UI design guidelines for Flutter apps. Achieve refined visuals based on Material Design 3.
☆ 0View 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
diagrams
Use when generating any diagrams using ASCII and Unicode characters.
☆ 0View skill
GitHub
svg-diagram
정교한 SVG 아키텍처 다이어그램이 필요할 때
☆ 0View skill
GitHub
gemini-image-generator
Generate images using Google Gemini AI with text prompts and reference images. Use when creating game assets, concept art, UI mockups, promotional images, or any visual content. Supports text-to-image, image-to...
☆ 0View skill
GitHub
figma-to-html
Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma designs to HTML/CSS, or when user mentions Figma li...
☆ 0View skill
GitHub
visual-essay-invocation
Generate comprehensive invocation documents for scroll-driven visual essays. Use when the user wants to create a visual essay, immersive explainer, interactive documentary, scroll-driven narrative, or cinematic...
☆ 0View skill
GitHub
gemini-image
Generate images using Google Gemini/Imagen API. Use when the user asks to create, generate, or make an image, picture, photo, illustration, artwork, or visual content.
☆ 0View skill
GitHub
web-artifacts-builder
Suite of tools for creating elaborate, multi-component Codex CLI HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 0View 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...
☆ 0View skill
GitHub
react-native-mobile
Build production-grade React Native mobile apps for iOS and Android with distinctive, high-quality design. Use this skill when the user asks to create mobile apps, mobile UI components, mobile screens, or work...
☆ 0View skill
GitHub
vibe-designer
Create stunning, modern web designs with aurora effects, glassmorphism, neon glows, and sophisticated aesthetics. Perfect for developer tools, dashboards, and apps targeting vibe coders who appreciate refined,...
☆ 0View 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...
☆ 0View skill
GitHub
gemini-nano-banana
Enables Claude to generate images, logos, and visual assets using Gemini's Nano Banana image generation
☆ 0View skill
GitHub
canva
Create and edit designs in Canva - manage graphics, presentations, social media posts, and marketing materials
☆ 0View skill
GitHub
zeplin
Handoff designs to developers with Zeplin - access design specs, export assets, and manage style guides
☆ 0View skill
GitHub
adobe-express
Create quick graphics and content with Adobe Express - design social media posts, flyers, logos, and short videos
☆ 0View skill
GitHub
midjourney
Generate AI art with Midjourney - create images from prompts, manage generations, and iterate on creative concepts
☆ 0View skill
GitHub
canvanizer
Create and collaborate on business model canvases and strategic planning templates.
☆ 0View skill
GitHub
sketch
Design interfaces with Sketch - view designs in the web app, manage shared libraries, and collaborate on projects
☆ 0View skill
GitHub
adobe-illustrator-web
Create vector graphics with Illustrator on the web - design logos, icons, and illustrations with AI-powered tools
☆ 0View skill
GitHub
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 do...
☆ 0View skill
GitHub
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or compa...
☆ 0View 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...
☆ 0View 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...
☆ 0View 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.