Skip to content
Development and design with AI
EN
Become an author

Connect WikiVibe MCP

Add the server address to your MCP settings or give this prompt to your AI agent.

URL
https://wikivibe.dev/mcp/
Agent prompt
Connect the WikiVibe MCP server.

URL: https://wikivibe.dev/mcp/
Transport: streamable-http

After connecting, run tools/list and show the available tools.

Search WikiVibe

Recent searches

Popular topics

Become an author

Sign in or create an account to set up your author profile.

Sign in or register

Publications from authors and the editorial team

New articles from Wikivibe authors and materials prepared by the editorial team. Read the feed, follow authors, and publish your own write-ups.

Write an article
All materials
NewEditorialFollowing

Feed

363 publications

Motion and animation
6/12/202610 min

Lottie: How to send animation to production without pain and loss of quality

The designer made a beautiful animation in After Effects. The developer got the file. Then the pain begins: the GIF is too heavy, the video does not scale, SVG does not animate properly. Lottie solves this – but only if you know how to cook it. Lottie is a format that converts After Effects animations to JSON. The file weighs 600 times less than a GIF of the same quality, renders natively on the web, iOS, Android and React Native, and scales losslessly. The problems do not start with the format, but with the fact that no one explained the rules at every stage - from the designer to the deploy.

motionanimationLottiehandoff
—views—reactions
Motion and animation
6/12/202611 min

Framer Motion in One Evening: Animate React Components as Pros

Most Framer Motion tutorials teach the same thing: Replace "<div" with "<motion.div" and add "animate={{{opacity: 1 }}}" is done. It takes ten minutes, not an evening. The evening is needed for another: to understand why animations twitch, how to properly animate the output of the element, how not to inflate the bundle and why the options are not syntactic sugar, but a fundamentally different approach to orchestration. This guide is about what is really needed in the project. No theory for theory.

motionanimationFramer Motionworkflow
—views—reactions
UX and interfaces
6/12/202614 min

Six checks of the AI interface before showing to the customer: a checklist of real errors

Lovable generated screens in an hour. Looks good. I think we can show it. It is at this point that most people are wrong. AI makes a happy path – the scenario where the user does everything right, there is enough data, there are no errors. But the product doesn't live in a happy path. He lives in situations that are not described in the prompt: an empty list on the first day, a hung request, text that does not fit in the card, a button that looks the same on three different screens. The six tests below are not a theory. These are the specific places where the AI interface breaks down most often.

VibeDesignAI designUXchecklist
—views—reactions
Motion and animation
6/12/202614 min

Animation libraries for websites in 2026: what to take and at what stage

When you generate a site through AI, animation is the last frontier where the question of “what to use” still needs to be solved. Lovable will default to Motion. Cursor will offer GSAP if requested. But the choice of tool does not depend on personal preferences, but on the task: a simple transition, a scrolling effect, an interactive component or a finished file from the designer. Below are eight tools broken down by real-world use cases with prices up to June 2026.

motionanimationtoolworkflow
—views—reactions
UX and interfaces
6/12/20268 min

AGENTS.md, CLAUDE.md, .cursorrules: what format your AI reads and how to set it up

You open Cursor, Lovable or Claude Code and describe the task. AI is starting to work. But how does he know your buttons are called Button/Primary, not btn-main? That you don't have Inter? What is not allowed in the src/lib/billing/ folder? Not if you didn't tell me. And each time to explain it again in the Prompt is not a workflow, it is a waste of time. To do this, there are steering files: markdown documents in the repository that AI reads automatically before starting work. In 2024-2025, each instrument came up with its own format. In 2026, the standard appeared, but the old formats did not go away.

VibeDesignDesign. mdClaude. mdAgents. md
—views—reactions

Topic catalogue