All authors
Claude Skills by Intense-Visions
github.com/Intense-Visions800 skills40 installs2,105 views
- Design Apple Hig> Apple's design philosophy covering clarity/deference/depth, vibrancy and material effects, SF Symbols integration, semantic color system, safe area management, and platform-specific navigation patterns across iOS, iPadOS, macOS, watchOS, and visionOS.Votes: 0GitHub stars: 20
- Design Atomic Design> Composition methodology for building design systems using five distinct levels of abstraction: atoms, molecules, organisms, templates, and pages.Votes: 0GitHub stars: 20
- Design Brand Consistency> Visual coherence across every touchpoint — mapping brand attributes to design decisions, voice-to-visual translation, consistency vs. monotony, brand flex zones, and multi-platform coherenceVotes: 0GitHub stars: 20
- Design Color Accessibility> Color independence — conveying information without relying on color alone, building colorblind-safe palettes, and ensuring perceptual uniformity across all vision typesVotes: 0GitHub stars: 20
- Design Color Harmony> Color wheel relationships — complementary, analogous, triadic, split-complementary, tetradic schemes with usage guidance for building cohesive palettesVotes: 0GitHub stars: 20
- Design Color Psychology> Emotional and cultural associations of color — warmth/coolness, trust, urgency, industry conventions, and cultural variance for global product designVotes: 0GitHub stars: 20
- Design Component Anatomy> Anatomy of reusable components covering slots, variants, states, sizes, composition vs configuration, compound components, and when to split vs merge.Votes: 0GitHub stars: 20
- Design Consistency> Internal vs. external consistency — maintaining coherent patterns within a product, adhering to platform conventions, and knowing when to break consistency deliberatelyVotes: 0GitHub stars: 20
- Design Content Density> Information density as a deliberate design variable — compact, comfortable, and spacious modes, matching density to user context, and the tradeoff between showing more and showing clearlyVotes: 0GitHub stars: 20
- Design Contrast Ratio> Luminance contrast for readability and visual weight — WCAG ratios, contrast as a hierarchy tool, contrast beyond accessibilityVotes: 0GitHub stars: 20
- Design Dark Mode Color> Color adaptation for dark themes — inverted hierarchy, reduced saturation, elevation through lightness, surface layering, and maintaining brand identity in dark contextsVotes: 0GitHub stars: 20
- Design Data Viz Design> Data visualization principles — chart type selection, color encoding, annotation strategy, Tufte's data-ink ratio, accessible charts, avoiding chartjunk, and small multiples for comparisonVotes: 0GitHub stars: 20
- Design Design Audit> Evaluating existing design — heuristic evaluation (Nielsen's 10), consistency inventory, accessibility audit, competitive analysis, identifying and quantifying design debtVotes: 0GitHub stars: 20
- Design Design Critique> Structured feedback — critique frameworks (like/wish/wonder, what/why/improve), separating subjective preference from objective assessment, avoiding "I don't like it"Votes: 0GitHub stars: 20
- Design Design Documentation> Documenting design decisions — design rationale, spec handoff, annotating designs, living documentation, decision logs, the DESIGN.md formatVotes: 0GitHub stars: 20
- Design Design Governance> Living system maintenance covering contribution models, deprecation processes, versioning strategies, adoption metrics, and documentation standards for treating a design system as a product.Votes: 0GitHub stars: 20
- Design Elevation Shadow> Depth as information — shadow anatomy (offset, blur, spread, color), elevation scale, chromatic shadows, material metaphor, dark mode shadowsVotes: 0GitHub stars: 20
- Design Empty Error States> Empty and error state design — empty states as onboarding, error states as recovery, 404 pages, zero-data states, degraded states, constructive error messagesVotes: 0GitHub stars: 20
- Design Feedback Patterns> System response design — immediate vs delayed feedback, optimistic updates, progress indicators, confirmation patterns, undo vs confirm, toast/snackbar/bannerVotes: 0GitHub stars: 20
- Design Fluent Design> Microsoft's cross-platform design system covering the five foundational elements (light, depth, motion, material, scale), Acrylic and Mica materials, reveal highlight interactions, connected animations, responsive container strategies, and the Fluent 2 token theming architecture.Votes: 0GitHub stars: 20
- Design Font Pairing> Combining typefaces — contrast principles, superfamilies, serif+sans pairing rules, pairing by x-height and proportion, limiting to 2-3 familiesVotes: 0GitHub stars: 20
- Design Form Ux> Form design beyond labels — progressive disclosure, inline validation timing, smart defaults, forgiving formats, single-column superiority, error recoveryVotes: 0GitHub stars: 20
- Design Gestalt Closure Continuity> Pattern completion — the brain fills gaps in incomplete shapes (closure) and follows smooth paths over abrupt changes (continuity), with implications for icons, progress indicators, and visual flowVotes: 0GitHub stars: 20
- Design Gestalt Common Fate> Motion grouping — elements that move or change together are perceived as a unit, with implications for animation, loading states, and batch operationsVotes: 0GitHub stars: 20
- Design Gestalt Figure Ground> Depth perception — distinguishing foreground from background, ambiguous figure-ground as a design tool, z-axis ordering, overlay and modal perceptionVotes: 0GitHub stars: 20
- Design Gestalt Proximity> Spatial grouping — elements near each other are perceived as related, controlling group membership through distance, with common region as a proximity amplifierVotes: 0GitHub stars: 20
- Design Gestalt Similarity> Visual kinship — elements sharing color, size, shape, or texture are perceived as related, creating categories without explicit labelsVotes: 0GitHub stars: 20
- Design Grid Systems> Grid theory — column, modular, baseline, and compound grids, gutter rhythm, and breaking the grid intentionally for emphasisVotes: 0GitHub stars: 20
- Design I18n Design> Designing for internationalization — text expansion, RTL layout, icon cultural sensitivity, date/number/currency formatting, pseudolocalization testingVotes: 0GitHub stars: 20
- Design Iconography> Icon design principles — optical sizing, stroke consistency, pixel grid alignment, metaphor clarity, icon families, filled vs outlined states, and icon as a systematic visual languageVotes: 0GitHub stars: 20
- Design Illustration Style> Illustration system design — style consistency, spot vs. hero illustrations, illustration as brand voice, abstract vs. representational choices, and illustration tokens for systematic productionVotes: 0GitHub stars: 20
- Design Imagery Photography> Image in design — art direction, aspect ratios, focal point composition, image treatments (duotone, overlay, blur), placeholder strategy, and the role of image as hero vs. supporting elementVotes: 0GitHub stars: 20
- Design Information Architecture> Structuring information — card sorting, tree testing, mental models, labeling systems, organization schemes, findabilityVotes: 0GitHub stars: 20
- Design Loading Patterns> Perceived performance — skeleton screens, progressive loading, optimistic rendering, shimmer effects, content-first loading, perceived vs actual speedVotes: 0GitHub stars: 20
- Design Material Design 3> Google's adaptive design language covering dynamic color extraction from wallpaper, HCT-based tonal palettes, elevation through tonal surface color rather than drop shadows, shape theming with corner families, and choreographed motion with shared-axis transitions.Votes: 0GitHub stars: 20
- Design Micro Interactions> Small moments that delight — trigger, rules, feedback, loops/modes (Dan Saffer's framework), when micro-interactions aid usability vs decorationVotes: 0GitHub stars: 20
- Design Motion Principles> Purposeful animation — Disney's 12 principles adapted for UI, easing curves, duration guidelines, choreography, motion as feedback vs decoration, reducing motionVotes: 0GitHub stars: 20
- Design Naming Conventions> Design system nomenclature for semantic and descriptive names, color naming, size naming, and maintaining consistent vocabulary across design and code.Votes: 0GitHub stars: 20
- Design Navigation Ux> Wayfinding — navigation models (hub-spoke, hierarchy, flat, content-driven), persistent vs contextual nav, breadcrumbs, information scentVotes: 0GitHub stars: 20
- Design Palette Construction> Building functional palettes — primary/secondary/accent selection, neutral scales, semantic colors, and tint/shade generation for production design systemsVotes: 0GitHub stars: 20
- Design Parallax Scroll> Scroll-driven depth — rate-differential parallax, scroll-triggered reveals, sticky sections, scroll narrative, performance constraints, motion sensitivityVotes: 0GitHub stars: 20
- Design Readability> Optimizing for reading — line length (measure), line height (leading), paragraph spacing, text alignment, hyphenation, and reading patterns (F-pattern, Z-pattern)Votes: 0GitHub stars: 20
- Design Responsive Strategy> Responsive as a design decision — content-first breakpoints, progressive disclosure, and treating every viewport as a first-class design targetVotes: 0GitHub stars: 20
- Design Responsive Type> Type across viewports — fluid typography with CSS clamp(), viewport-relative scaling, minimum readable sizes, and maintaining hierarchy across breakpointsVotes: 0GitHub stars: 20
- Design State Design> UI state inventory — empty, loading, partial, error, success, offline, disabled, read-only, and how each state communicates system statusVotes: 0GitHub stars: 20
- Design Token Architecture> Token taxonomy covering primitive, semantic, and component tokens with naming conventions, aliasing chains, theme switching, and the token-to-code pipeline.Votes: 0GitHub stars: 20
- Design Transitions Timing> Temporal design — enter/exit asymmetry, stagger patterns, easing functions (ease-out for enter, ease-in for exit), duration by element size, interruptibilityVotes: 0GitHub stars: 20
- Design Type Scale> Mathematical type scales — modular, major third, perfect fourth, golden ratio, custom scales, and when each is appropriateVotes: 0GitHub stars: 20
- Design Typographic Hierarchy> Establishing reading order through type — size, weight, color, spacing, case, and position as hierarchy signalsVotes: 0GitHub stars: 20
- Design Typography Fundamentals> Anatomy of type — x-height, ascenders, descenders, counters, serifs, stroke contrast, optical sizing, and how anatomy affects readabilityVotes: 0GitHub stars: 20