Results for “layout-patterns”
24 skills
iamanacarolinarezende UI Page
Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
0
phoroth UI Page
Scaffolds a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
3
antigravity UI Pattern
Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.
42.4k
younis-k Skill Test
Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.
kvn8888 Openfoodjournal UI
Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.
3
affaan-m Motion Patterns
Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.
226k
More results
voltagent Hp Design Analysis
Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.
50.9k · bundle
voltagent Stripi Inspired Design Analysis
Analyzes Stripe's design language, documenting its color system, typography, layout, and component patterns for use in design projects.
50.9k · bundle
voltagent Nike Design Analysis
Documents Nike's commerce design system: photography-first layouts, typographic hierarchy, color palette, and component patterns across PLP, PDP, and editorial pages.
50.9k · bundle
voltagent Voltagent Inspired Design Analysis
Analyze and recreate the visual design language of Voltagent, a developer-focused AI agent engineering platform, including its dark canvas, electric-green accent, typography system, and layout patterns.
50.9k · bundle
voltagent Nvidia Design Analysis
Provides a design system specification for NVIDIA's marketing pages, including color tokens, typography hierarchy, and component patterns for building engineering-style landing pages.
50.9k · bundle
owl-listener Navigation Patterns
Select and design navigation patterns that match product structure, user tasks, and platform conventions.
1.7k
owl-listener Loading States
Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.
1.7k
drnabeelkhan Design Resources
Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.
2 · bundle
vikingokft Taste Design
Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.
0 · bundle
antigravity UI Page
Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.
42.4k
owl-listener Visual Hierarchy
Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.
1.7k
voltagent Sentri Inspired Design Analysis
Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.
50.9k · bundle
minimax-ai IOS Application Dev
Provides practical guidance for building iOS applications with UIKit, SnapKit, and SwiftUI, covering layout, typography, colors, accessibility, navigation, and privacy patterns.
12.9k · bundle
leonxlnx Redesign Existing Projects
Audits and upgrades existing websites and apps to premium quality by identifying generic AI patterns and applying high-end design standards without breaking functionality.
voltagent Vodafone Inspired Design Analysis
Analyzes and documents Vodafone's design language, including color palette, typography hierarchy, spacing system, and layout patterns for brand-consistent implementation.
50.9k · bundle
leonxlnx Stitch Design Taste
Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.
· bundle
ibelick Baseline UI
Enforces an opinionated UI baseline to prevent AI-generated interface slop, covering Tailwind CSS, accessible components, interaction patterns, animation constraints, typography, layout, and performance.
3.5k
voltagent Notion Design Analysis
Documents Notion's brand design system including color tokens, typography hierarchy, layout spacing, and component geometry across homepage, enterprise, AI, agents, startups, and pricing surfaces.
50.9k · bundle