playbooks

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
GitHub

Sponsored

brand-asset

sanky369/vibe-building-skills

15
This skill generates branded visual elements such as logos, icons, patterns, and illustrations to reinforce your brand identity.
creative-strategist

sanky369/vibe-building-skills

15
This skill defines your visual direction and brand aesthetics to guide consistent asset creation across images and graphics.
image-generation

sanky369/vibe-building-skills

15
This skill helps you generate high-quality product images and social visuals using FAL.ai nanobanana pro, integrated with Claude Code for automated asset
color-system

sanky369/vibe-building-skills

15
This skill helps you design accessible, themed color systems with harmony, dark mode support, and color-blind friendly palettes across brands.
product-photography

sanky369/vibe-building-skills

15
This skill generates professional product photography assets for e-commerce and marketing using AI-driven prompts and lighting considerations.
Advertise on playbooks
Reach thousands of developers actively evaluating dev tools, MCP servers, and agent skills. Floating banners, pinned cards, and in-feed placements.
learn more
design-foundation

sanky369/vibe-building-skills

15
This skill helps you establish a scalable design foundation by defining tokens, typography, spacing, and component architecture for consistency.
accessibility-excellence

sanky369/vibe-building-skills

15
This skill helps you implement comprehensive accessibility practices across WCAG, semantic HTML, keyboard navigation, and screen readers, ensuring inclusive
design-engineer-mindset

sanky369/vibe-building-skills

15
This skill helps you translate designs to code with fidelity, optimize animation performance, and measure rendering impact for 60fps UX.
error-handling-recovery

sanky369/vibe-building-skills

15
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

15
This skill helps you optimize perceived performance using optimistic UI, skeletons, and latency strategies to boost user trust and loading experience.
visual-hierarchy-refactoring

sanky369/vibe-building-skills

15
This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.
seo-content

sanky369/vibe-building-skills

15
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

15
This skill delivers a complete DIY SEO strategy, enabling winnable keyword research, scalable content, and rigorous 90-day action plans.
tweet-writer

sanky369/vibe-building-skills

15
This skill helps you craft viral, persuasive tweets and threads by researching niches, applying proven formulas, and optimizing for X engagement.
frontend-orchestrator

sanky369/vibe-building-skills

15
This skill assesses your design maturity and sequences the 13 frontend skills into a personalized roadmap from MVP to excellence.
social-graphics

sanky369/vibe-building-skills

15
This skill generates platform-optimized social graphics and posts to boost engagement on Instagram, LinkedIn, Twitter, TikTok, and Pinterest.
interaction-physics

sanky369/vibe-building-skills

15
This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.
newsletter

sanky369/vibe-building-skills

15
This skill helps you build recurring audience engagement through compelling newsletters by applying diverse formats, consistent rhythm, and personal
email-sequences

sanky369/vibe-building-skills

15
This skill helps you design and automate effective email sequences to welcome, nurture, convert, and launch campaigns with proven structure.
orchestrator

sanky369/vibe-building-skills

15
This skill orchestrates asset generation and workflow automation, coordinating creative skills and Claude Code integration for streamlined production.
remotion-script-writer

sanky369/vibe-building-skills

15
This skill generates a detailed Remotion video script from codebase analysis and input requirements to streamline production.
layout-system

sanky369/vibe-building-skills

15
This skill helps you design responsive layouts with mobile-first strategies using Flexbox, Grid, and container queries for accessible, performant interfaces.
content-atomizer

sanky369/vibe-building-skills

15
This skill helps repurpose a single content piece into 15+ formats across platforms to maximize reach and value.
brand-voice

sanky369/vibe-building-skills

15
This skill helps you define and maintain a consistent brand voice across channels by outlining archetypes, dimensions, and guidelines.
lead-magnet

sanky369/vibe-building-skills

15
This skill helps you craft high-conversion lead magnets that attract ideal customers, boost email lists, and accelerate audience growth.
talking-head

sanky369/vibe-building-skills

15
This skill helps you plan and produce compelling talking head videos for education, testimonials, and personal branding with presenter, setting, and framing
component-architecture

sanky369/vibe-building-skills

15
This skill helps you design and assemble reusable React TypeScript components with atomic design, variant systems, and thorough documentation for scalable
product-video

sanky369/vibe-building-skills

15
This skill helps you create animated product videos with reveals and transitions to showcase demos, features, and benefits.
direct-response-copy

sanky369/vibe-building-skills

15
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

15
This skill helps you identify high-impact keywords using the 6 Circles Method to guide content strategy and SEO opportunities.
positioning-angles

sanky369/vibe-building-skills

15
This skill helps you identify a unique market position using eight proven angles to differentiate and accelerate your marketing strategy.