image-optimization
Image format selection, responsive images, lazy loading, and image performance optimization.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,047 results
infinite-canvas
Infinite canvas interfaces, whiteboard UX, spatial design, zoom and pan patterns.
internationalization-patterns
Designing for global audiences, cultural considerations, and international UX.
loading-states
Skeleton screens, progress indicators, optimistic updates, and perceived performance design.
micro-animation-design
Micro-interaction animation design, state transitions, and feedback animations.
multi-platform-design
Designing across web, mobile, tablet, desktop apps, and maintaining platform consistency.
notification-system-design
Designing notification systems, notification centers, and multi-channel notification architecture.
progressive-web-app-design
PWA design patterns including offline support, install experience, and app-like behavior.
sidebar-panel
Sidebar design, panel patterns, collapsible sidebars, detail panels, and split-view layouts.
skeleton-loading
Skeleton screen design, loading state patterns, progressive loading, and perceived performance.
snackbar-toast
Snackbar and toast notification design, positioning, auto-dismiss, and action patterns.
sparkline-design
Sparkline design, inline data visualization, and small multiples.
stepper-wizard-patterns
Multi-step flows, wizard design, progress indicators, and step validation.
timeline-design
Timeline UI patterns for activity feeds, history, and chronological displays.
user-retention-patterns
Retention strategies, habit loops, engagement patterns, and churn prevention design.
forge-contrast
Check WCAG contrast ratios across your entire token system. Tests every text token against every surface token.
forge-dark
Generate a dark mode variant of your design system. Creates dark-mode token overrides that preserve contrast ratios from the light theme.
forge-density
Audit visual density and whitespace balance. Checks that spacing from your system creates appropriate rhythm between sections.
forge-design
Design system generator and enforcer. Generates a complete, project-aware design foundation from a single brand color and project type. Produces color…
forge-export-figma
Export your design system in Figma Tokens format. Ready to import into Figma via the Tokens Studio plugin.
forge-harmonize
Add a complementary or analogous accent color to your system. Computes the harmonically ideal secondary color from your brand.
forge-init
Generate a complete design system from a brand color and project type. Creates .forge.json with palette, tokens, type scale, spacing, shadows, and radii. This…
forge-pair
Get contextual font pairing recommendations based on your project type. Never suggests banned fonts.
forge-palette
Regenerate the 50-950 shade palette from the current brand color in .forge.json. Updates the palette section without changing other parts of the system.