Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This skill helps frontend developers build high-fidelity websites and cinematic hero sections. It replaces vague planning with a structured workflow that utilizes exact fonts, hex/HSL tokens, and clamp() sizes to ensure award-level visual precision.
The system supports a screenshot-and-fix loop and the generation of detailed prompts for AI builders like Lovable, Bolt, and v0, grounding web prototypes in real media and choreographed layouts.
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Installs: motionsites-web-builder plugin from the motionsites marketplace · Claude Code
Enter these commands in a Claude Code session to add the marketplace and install the plugin. If you have no GitHub SSH key, use the documented HTTPS marketplace command in place of the first command.
Playwright is required for the skill's screenshot-and-fix loop.
Optionally provide product imagery and brand details; otherwise use the fictional brief.
Use motionsites-web-builder to build a landing page hero for a fictional luxury sleep-tracking ring. Deliver a single index.html, choose the visual direction and suitable media, and complete the documented screenshot-and-fix loop.
Provide the app's purpose, intended audience, and any existing brand name or assets.
Use motionsites-web-builder to write a Lovable prompt for a waitlist page for my AI travel app. Produce only the detailed build spec, including real copy, precise visual values, and a self-check against the skill's review criteria.
Claude
Cursor