Stianlars1/larsen-skills

animated-logo-cycle

Turn an existing logo, app icon, SVG mark, or set of brand variants into a geometry-led animated identity: first analyze the logo's parts and negative space, then propose distinct loader and motion concepts, prototype the selected directions, and build a…

原文语言：英语

interface-craft

Plan, build, or refine a web interface from product intent through verified implementation, applying exact rules for layout, typography, color, surfaces, copy, accessibility, and motion. Use when the user asks to create a screen, component, flow, landing…

原文语言：英语

interface-review

Evidence-based, read-only review of a web interface across product clarity, layout, typography, color and contrast, copy, accessibility, surfaces, motion, responsiveness, and implementation risk. Coordinates every domain rule in this collection into one…

原文语言：英语

liquid-interface

Design and implement a liquid or metaball-style interface where nearby rounded DOM elements visually merge while remaining real, accessible controls. Use for draggable liquid cards, magnetic clusters, blob bridges, gooey navigation, or SDF-driven union…

原文语言：英语

motion-craft

Find, specify, review, or improve motion in a web interface against exact rules for frequency, purpose, easing, duration, choreography, interruption, gesture physics, accessibility, and performance. Use when the main task is animation, transitions, or…

原文语言：英语

motion-vocabulary

Turn a vague description of a web interface motion or material effect into its exact term, so the user can ask for it precisely. Use when the user asks "what's it called when…", describes an effect they cannot name, or needs the right word to brief a designer…

原文语言：英语

prototype-lab

Explore a material interface or motion decision through several genuinely different, isolated prototypes behind a variant switcher, with a user selection gate before production integration. Use when the user wants variants, creative directions, experiments, a…

原文语言：英语

reverse-engineer-motion

Analyze an authorized local or public reference video frame by frame and turn it into an evidence-backed visual and motion specification, implementation plan, and optional prototype brief. Use when the user wants to understand or recreate the behavior,…

原文语言：英语

ui-primitive-picker

Select one appropriate native element, existing project primitive, headless component, or UI library for a specific interface need, after inspecting the real stack and current authoritative documentation. Use when the user asks which component or library to…

原文语言：英语