Plugin vibe-stack

Apa yang ada di dalam vibe-stack

16 bagian dibaca dari file asli plugin tersebut.

Skill dalam vibe-stack

1. 
   add-featureOneWave-AI/open-agent-stack

   Add a feature to an app you vibe-coded without breaking the three things that already worked -- read the existing patterns first, extend them instead of inventing a second way to do the same thing. Use when adding any new screen, flow, or capability to an existing codebase.

   5bintang
2. 
   demo-videoOneWave-AI/open-agent-stack

   Plan and capture the demo or launch video for the app you just shipped -- the beat sheet, the clean capture setup, and the narration -- so it shows the product working instead of narrating a tour. Use after shipping, when the app needs a video for a landing page, launch post, or client handoff.

   5bintang
3. 
   gsap-webOneWave-AI/open-agent-stack

   GSAP in a React or Next.js app without the leaks -- timelines over stacked tweens, useGSAP and context for cleanup, ScrollTrigger set up so it survives route changes and layout shifts. Use when building GSAP animations in a component-based app.

   5bintang
4. 
   handoffOneWave-AI/open-agent-stack

   Make a vibe-coded app survivable by someone else -- an honest README, the decisions written down, the shortcuts listed, and a setup path a new developer can follow without you. Use before handing an app to a client, a contractor, a teammate, or your own future self.

   5bintang
5. 
   make-it-realOneWave-AI/open-agent-stack

   Turn the demo into a product -- replace hardcoded arrays with a real database, stubbed sign-in with real auth, and the fake form with one that actually delivers. Use when an app looks finished but nothing it shows is true.

   5bintang
6. 
   micro-interactionsOneWave-AI/open-agent-stack

   The small motion that makes an app feel built rather than generated -- hover, press, focus, toggles, loading, and state changes done as a consistent system in plain CSS. Use when UI feels static or lifeless, or when hover effects are scattered and inconsistent.

   5bintang
7. 
   motion-perfOneWave-AI/open-agent-stack

   Find and fix animation jank -- the layout thrash, paint storms, and layer explosions that make motion stutter on real devices even when it is smooth on your laptop. Use when animations feel choppy, scroll stutters, or before shipping any animation-heavy page.

   5bintang
8. 
   motion-systemOneWave-AI/open-agent-stack

   Define the app's motion language before animating anything -- a small set of durations, easings, and named moves that every animation draws from, so the app feels designed instead of decorated. Use before writing the first animation in a project, or when existing motion feels scattered.

   5bintang
9. 
   new-appOneWave-AI/open-agent-stack

   Scaffold a new app from one sentence -- Next.js + TypeScript + Tailwind with a real design-token theme applied from the first commit, opinionated structure, and honest slots for auth and data. Use when starting any new project, prototype, or client build.

   5bintang
10. 
    polish-passOneWave-AI/open-agent-stack

    The de-AI pass -- audit a vibe-coded app for template smell in design and copy, then fix it with editorial layout, purposeful motion, and human-sounding words. Use after any build session, before anyone else sees it.

    5bintang
11. 
    scroll-storyOneWave-AI/open-agent-stack

    Build scroll-driven sections that feel authored rather than twitchy -- pinned scenes, scrubbed timelines, reveals, and parallax with the timing and cleanup that make them work on a phone. Use for landing pages, product tours, and any section where scrolling advances a narrative.

    5bintang
12. 
    ship-itOneWave-AI/open-agent-stack

    Pre-flight and deploy -- catch the classic day-one embarrassments (exposed keys, missing env vars, broken build, open endpoints), then ship to Vercel with domains and analytics wired. Use when the app is ready for other humans.

    5bintang
13. 
    site-builderOneWave-AI/open-agent-stack

    Build a marketing website that converts and ranks -- page inventory, copy before layout, one honest conversion path, real SEO and OG metadata, forms that actually deliver. Use for landing pages, company sites, product sites, and portfolios, as opposed to apps with accounts and data.

    5bintang
14. 
    unstickOneWave-AI/open-agent-stack

    The app broke and you did not write the code -- find the actual cause instead of guessing at fixes, and stop the loop where every attempted fix adds a new bug. Use when something worked yesterday, the build fails, the deploy is white, or the same error keeps coming back.

    5bintang