Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

glassmorphism-advanced

Advanced glassmorphism techniques with blur, layering, colored shadows, and depth. Use when creating frosted glass effects, transparent overlays, or modern glass UI.

498 repo starsObserved in 2 repos
Design

gp-ui

Use when building React UIs for TheGP applications, migrating existing UIs to @gp/ui components, integrating Tailwind v4 with @gp/ui theme, or answering questions about available components, design tokens, icons, or setup. Activate when user mentions @gp/ui, TheGP design system, or asks about GP-specific UI patterns and components.

498 repo starsObserved in 2 repos
Design

graphic-design-expert

Expert guidance on typography, color theory, layout, UI/UX patterns, and converting design to CSS/Tailwind.

498 repo starsObserved in 2 repos
Design

h5p-patterns

Create interactive H5P content for Moodle and web platforms. Use when building interactive exercises, quizzes, or multimedia learning content.

498 repo starsObserved in 2 repos
Design

icon-generation

Generate app icons (SVG/PNG) and launcher icons for Android Flutter apps. Use when creating UI icons, launcher icons, or platform-ready icon assets. Handles sizing, formats, and flutter_launcher_icons integration.

498 repo starsObserved in 2 repos
Design

icon-generator

Generate app icons and favicons in multiple sizes from a single source image. Support for iOS, Android, web favicon, and social media formats.

498 repo starsObserved in 2 repos
Design

imagen

AI image generation skill powered by Google Gemini, enabling seamless visual content creation for UI placeholders, documentation, and design assets.

498 repo starsObserved in 2 repos
Design

information-architecture

Organize and structure information for clarity and discoverability. Design navigation systems, hierarchies, and mental models that match user needs.

498 repo starsObserved in 2 repos
Design

ink-layout-styling

Use when creating terminal layouts with Ink using Flexbox-based positioning and styling for CLI applications.

498 repo starsObserved in 2 repos
Design

ios-a11y

Use when iOS accessibility issues arise — VoiceOver, UIKit/SwiftUI labels, traits, focus, Dynamic Type, contrast

498 repo starsObserved in 2 repos
Design