sanky369
@sanky369
Public Skills
accessibility-excellence
by sanky369
Master web accessibility (A11y) to ensure your product is usable by everyone, including people with disabilities. Covers WCAG standards, semantic HTML, keyboard navigation, screen readers, color contrast, and inclusive design practices. Accessibility is not a feature—it's a fundamental requirement.
visual-hierarchy-refactoring
by sanky369
Master visual hierarchy through size, weight, contrast, and whitespace. Learn to establish clear information hierarchy without relying solely on color. Covers Gestalt principles, the rule of excessive whitespace, and the visual weight system. Use when designing layouts, establishing visual importance, or refactoring cluttered interfaces.
newsletter
by sanky369
Build recurring audience touchpoints with compelling newsletters. Use when building audience loyalty, establishing authority, or creating regular engagement with your subscribers.
creative-strategist
by sanky369
Research visual direction and develop your creative style. Use when establishing brand aesthetics, finding your visual identity, or planning creative direction for your assets. Integrates with Image Generation and other creative skills for automated asset creation.
performance-optimization
by sanky369
Master perceived performance through optimistic UI, skeleton screens, and latency strategies. Learn the difference between actual and perceived latency. Use when optimizing load times, designing loading states, or improving user confidence during operations.
design-foundation
by sanky369
Establish or formalize your design system foundation. Create design tokens (color, typography, spacing, shadows, borders), define component architecture, document design principles, and build the structure that enables consistency and scalability. Works with Tailwind CSS and framework-agnostic approaches.
loading-states
by sanky369
Design effective loading states, skeleton screens, and empty states that maintain user confidence. Use when content takes time to load, when showing progress, or handling empty data scenarios. Triggers on "loading state", "skeleton screen", "empty state", "spinner", "progress bar", "loading animation", "zero state".
email-sequences
by sanky369
Create automated email sequences that build trust and drive conversions. Use when setting up welcome sequences, nurture campaigns, sales sequences, or launch campaigns.
social-graphics
by sanky369
Generate platform-optimized social media graphics and posts. Use when creating content for Instagram, Twitter, LinkedIn, TikTok, or other social platforms.
error-handling-recovery
by sanky369
Design error states and recovery workflows that guide users to resolution. Learn context-aware error messages, graceful degradation, and recovery patterns. Use when handling validation errors, network failures, permission issues, or system errors. Triggers on "error handling", "error message", "error state", "recovery", "validation error", "network error".