Design
Beautiful interfaces, branding and images. 403 skills
#1accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
#2design-system
Helps your agent create a design system from existing code. It extracts visual information and checks for consistency, generating a report and an interactive preview.
affaan-m/ECC
#3liquid-glass-design
Helps your agent create iOS user interfaces with a 'Liquid Glass' effect. Allows adding dynamic and interactive visual effects in SwiftUI and UIKit.
affaan-m/ECC
#4make-interfaces-feel-better
Helps your agent polish interface elements. Makes visual details like spacing and text look more refined and user-friendly.
affaan-m/ECC
#5motion-advanced
Lets your agent create complex interface animations. Helps with effects like drag and drop, gestures, and text or SVG animations.
affaan-m/ECC
#6motion-foundations
Helps your agent set up the foundation for interface animations. Defines rules and standards for animations to work well on different devices.
affaan-m/ECC
#7motion-patterns
Lets your agent animate common interface elements. Helps create smooth transitions for buttons, modals, toasts, and pages.
affaan-m/ECC
#8brand-discovery
Helps define a brand's identity through structured interviews. It creates a complete guide with the brand's purpose, audience, and personality.
affaan-m/ECC
#9brand-voice
Creates a writing profile based on actual brand texts. It ensures content and communications maintain a consistent and authentic style.
affaan-m/ECC
#10frontend-design-direction
Sets the design direction for user interfaces (UI) of websites and applications. It's useful for ensuring the product's look and feel is cohesive and aligned with project goals.
affaan-m/ECC
#11frontend-slides
Creates visual presentations with animations from files or from scratch. It helps turn ideas into attractive slides, even for non-designers.
affaan-m/ECC
#12ios-icon-gen
Lets your agent generate icons for iOS apps. It uses Apple symbols or icons from other sources to create the correct files.
affaan-m/ECC
#13ui-to-vue
Helps your agent convert UI screenshots into Vue 3 components. Useful when you have designs and need to turn them into code.
affaan-m/ECC
#14algorithmic-art
Helps your agent create art using code, generating unique images. It's useful when you want original computer-generated art.
anthropics/skills
#15brand-guidelines
Has your agent apply Anthropic's brand colors and visual style to materials. It's useful for maintaining the company's visual identity across projects.
anthropics/skills
#16canvas-design
Helps your agent create beautiful visual art in files. It's useful when you ask for a poster, art, or any static design.
anthropics/skills
#17frontend-design
Guides your agent in creating unique and intentional visual interfaces. Helps define aesthetic direction and choose typography.
anthropics/skills
#18theme-factory
Lets the agent apply visual themes to different artifacts. Useful for maintaining color and font consistency across documents and presentations.
anthropics/skills
#19paperclip-capsules
Helps your agent create visuals for 'capsules'. This includes art for agents, status, and visual identification.
paperclipai/paperclip
#20wireframe
Lets your agent sketch simple screen layouts. Useful for planning app appearances before building them.
paperclipai/paperclip
#21design-critique
Lets your agent analyze and suggest improvements for product design. It focuses on enhancing user experience.
paperclipai/paperclip
#22aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
#23contact-widget
Helps your agent create a floating chat widget. It's easy to use, with a welcome screen and contact options.
nexu-io/open-design
#24critique
Makes your agent analyze a website's design. It evaluates the look and functionality, giving suggestions for improvement.
nexu-io/open-design
#25dashboard
Helps your agent create a control panel. It shows important information and charts in an easy-to-understand format.
nexu-io/open-design
#26dating-web
Makes your agent create a dashboard for dating websites. It displays information about connections and trends visually.
nexu-io/open-design
#27flowai-live-dashboard-template
Creates a dashboard for managing teams with member and activity tabs. Shows important charts and statistics.
nexu-io/open-design
#28gamified-app
Has your agent prototype a gamified mobile app. Features daily quests, levels, and experience (XP).
nexu-io/open-design
#29github-dashboard
Generates a dashboard with GitHub repository analytics. Shows stars, forks, contributors, and recent activity.
nexu-io/open-design
#30html-ppt-taste-brutalist
Lets your agent create presentations with a specific visual style. It uses a dark theme, monospace fonts, and accent colors for a technical, retro look.
nexu-io/open-design
#31html-ppt-taste-editorial
Helps your agent create presentations with an elegant, minimalist editorial style. Useful for those needing clean, professional-looking slides.
nexu-io/open-design
#32html-ppt-zhangzara-creative-mode
Helps your agent reveal a brand's visual identity. Presents logo, colors, typography, and rules for consistent design.
nexu-io/open-design
#33html-ppt-zhangzara-editorial-tri-tone
Helps your agent define design systems for magazines. Establishes grids, color palettes, and layout kits for a new visual identity.
nexu-io/open-design
#34image-poster
Lets your agent generate unique images for posters, key art, and illustrations. It can use different image tools to create the output.
nexu-io/open-design
#35magazine-poster
Lets your agent create a magazine or editorial-style poster. It uses a newsprint layout with a large headline and text in columns, like an essay.
nexu-io/open-design
#36mobile-app
Has your agent render a mobile app screen inside an iPhone frame. It's useful for visualizing how an app looks on a phone. It helps create user interfaces for mobile apps.
nexu-io/open-design
#37mobile-onboarding
Helps your agent create an onboarding flow for mobile apps. It shows multiple screens in sequence, like splash, value proposition, and sign-in. It's useful for designing the first user experience in an app.
nexu-io/open-design
#38open-design-landing
Has your agent create a single-page website with an editorial and collage look. It's useful for presenting a brand or product in a unique and attractive way. It creates a visually striking website.
nexu-io/open-design
#39pricing-page
Helps your agent assemble a clear and informative pricing page. It organizes plans, compares features, and includes FAQs to help users choose.
nexu-io/open-design
#40saas-landing
Lets your agent create an attractive SaaS landing page. It includes essential sections like hero, features, social proof, pricing, and a call to action, following visual style.
nexu-io/open-design
#41social-carousel
Lets your agent create a visually cohesive social media carousel. It generates three connected panels with headlines, branding, numbers, and captions, ready for posting.
nexu-io/open-design
#42social-media-dashboard
Lets your agent generate a social media analytics dashboard. It displays key metrics, growth charts, and top posts, helping creators understand their performance.
nexu-io/open-design
#43social-media-matrix-tracker-template
Helps your agent create a social metrics tracking dashboard. It offers multi-platform data, interactive charts, and comparisons, with light and dark themes.
nexu-io/open-design
#44trading-analysis-dashboard-template
Lets your agent create an advanced financial analysis dashboard. It allows viewing market data and simulating trades. Ideal for those needing a high-tech financial terminal.
nexu-io/open-design
#45tweaks
Allows interactive design adjustments. Your agent can create controls to change colors, fonts, and other elements in real time. Useful for exploring layout variations.
nexu-io/open-design
#46waitlist-page
Lets your agent create a simple pre-launch page. It collects emails to capture interest before launch. Perfect for new products or beta programs.
nexu-io/open-design
#47web-prototype-taste-brutalist
Creates a website prototype with a brutalist industrial style. It uses a newsprint look with strong fonts and hazard colors. Ideal for a bold and unique design aesthetic.
nexu-io/open-design
#48web-prototype-taste-editorial
Lets your agent generate a website prototype with an editorial minimalist design. It uses soft colors, serif fonts, and ample whitespace. Good for a clean and elegant look.
nexu-io/open-design