Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs + YouTube URLs into markdown for agents 🦞 ↗
home / skills / sanky369 / vibe-building-skills
sanky369/vibe-building-skills
An evolving repo of critical skills for claude code to build and ship SAAS and mobile apps
33 skills
GitHubSponsored
image-generation
sanky369/vibe-building-skills
16
This skill helps you generate high-quality product images and social visuals using FAL.ai nanobanana pro, integrated with Claude Code for automated asset
seo-content
sanky369/vibe-building-skills
16
This skill helps you create SEO-optimized content that ranks on search engines while engaging readers and driving organic conversions.
seo-strategy
sanky369/vibe-building-skills
16
This skill delivers a complete DIY SEO strategy, enabling winnable keyword research, scalable content, and rigorous 90-day action plans.
brand-asset
sanky369/vibe-building-skills
16
This skill generates branded visual elements such as logos, icons, patterns, and illustrations to reinforce your brand identity.
email-sequences
sanky369/vibe-building-skills
16
This skill helps you design and automate effective email sequences to welcome, nurture, convert, and launch campaigns with proven structure.
component-architecture
sanky369/vibe-building-skills
16
This skill helps you design and assemble reusable React TypeScript components with atomic design, variant systems, and thorough documentation for scalable
content-atomizer
sanky369/vibe-building-skills
16
This skill helps repurpose a single content piece into 15+ formats across platforms to maximize reach and value.
design-foundation
sanky369/vibe-building-skills
16
This skill helps you establish a scalable design foundation by defining tokens, typography, spacing, and component architecture for consistency.
creative-strategist
sanky369/vibe-building-skills
16
This skill defines your visual direction and brand aesthetics to guide consistent asset creation across images and graphics.
social-graphics
sanky369/vibe-building-skills
16
This skill generates platform-optimized social graphics and posts to boost engagement on Instagram, LinkedIn, Twitter, TikTok, and Pinterest.
accessibility-excellence
sanky369/vibe-building-skills
16
This skill helps you implement comprehensive accessibility practices across WCAG, semantic HTML, keyboard navigation, and screen readers, ensuring inclusive
color-system
sanky369/vibe-building-skills
16
This skill helps you design accessible, themed color systems with harmony, dark mode support, and color-blind friendly palettes across brands.
loading-states
sanky369/vibe-building-skills
16
This skill helps you design effective loading and empty states that maintain user confidence during delays and empty data scenarios.
interaction-physics
sanky369/vibe-building-skills
16
This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.
brand-voice
sanky369/vibe-building-skills
16
This skill helps you define and maintain a consistent brand voice across channels by outlining archetypes, dimensions, and guidelines.
direct-response-copy
sanky369/vibe-building-skills
16
This skill helps you craft direct response copy that converts banners, pages, and emails using proven hooks, mechanisms, and calls-to-action.
keyword-research
sanky369/vibe-building-skills
16
This skill helps you identify high-impact keywords using the 6 Circles Method to guide content strategy and SEO opportunities.
lead-magnet
sanky369/vibe-building-skills
16
This skill helps you craft high-conversion lead magnets that attract ideal customers, boost email lists, and accelerate audience growth.
positioning-angles
sanky369/vibe-building-skills
16
This skill helps you identify a unique market position using eight proven angles to differentiate and accelerate your marketing strategy.
product-photography
sanky369/vibe-building-skills
16
This skill generates professional product photography assets for e-commerce and marketing using AI-driven prompts and lighting considerations.
talking-head
sanky369/vibe-building-skills
16
This skill helps you plan and produce compelling talking head videos for education, testimonials, and personal branding with presenter, setting, and framing
error-handling-recovery
sanky369/vibe-building-skills
16
This skill guides you to design clear error states and recovery flows that help users resolve issues quickly and confidently.
performance-optimization
sanky369/vibe-building-skills
16
This skill helps you optimize perceived performance using optimistic UI, skeletons, and latency strategies to boost user trust and loading experience.
typography-system
sanky369/vibe-building-skills
16
This skill helps you design and implement a scalable typography system with modular scales, responsive typography, and accessibility best practices.
visual-hierarchy-refactoring
sanky369/vibe-building-skills
16
This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.
newsletter
sanky369/vibe-building-skills
16
This skill helps you build recurring audience engagement through compelling newsletters by applying diverse formats, consistent rhythm, and personal
tweet-writer
sanky369/vibe-building-skills
16
This skill helps you craft viral, persuasive tweets and threads by researching niches, applying proven formulas, and optimizing for X engagement.
product-video
sanky369/vibe-building-skills
16
This skill helps you create animated product videos with reveals and transitions to showcase demos, features, and benefits.
frontend-orchestrator
sanky369/vibe-building-skills
16
This skill assesses your design maturity and sequences the 13 frontend skills into a personalized roadmap from MVP to excellence.
remotion-script-writer
sanky369/vibe-building-skills
16
This skill generates a detailed Remotion video script from codebase analysis and input requirements to streamline production.
design-engineer-mindset
sanky369/vibe-building-skills
16
This skill helps you translate designs to code with fidelity, optimize animation performance, and measure rendering impact for 60fps UX.
layout-system
sanky369/vibe-building-skills
16
This skill helps you design responsive layouts with mobile-first strategies using Flexbox, Grid, and container queries for accessible, performant interfaces.