Alexander Stecker
Community@Alex918-stack
Alexander Stecker's skill registry covers frontend interface design, web animation engineering, motion audits, and React UI library selection for design engineers.
Agent Skills by Alexander Stecker
Showing 12 vetted skills indexed across 1 GitHub repositories.
pick-ui-library
Recommends curated React libraries for frontend tasks like charts, toasts, and drag and drop.
animate
Implements UI animations by deciding purpose, tool, properties, easing, and duration before writing code.
find-animation-opportunities
Scans a codebase for UI moments that would benefit from motion and proposes exact animation recipes.
improve-animations
Audits codebase animation code and writes self-contained motion improvement plans.
impeccable
Designs, critiques, audits, and refines frontend interfaces across web and native platforms.
prototype
Builds multiple divergent UI variants behind a keyboard-driven visual picker for live comparison.
ask-sonner
Guides setup, usage, styling, and troubleshooting of the Sonner React toast library.
apple-design
Implements Apple-style fluid interfaces with spring animations, gesture tracking, and translucent materials on the web.
design-taste-frontend
Generates non-templated frontend interfaces for landing pages, portfolios, and redesigns using brief-driven design rules.
review-animations
Reviews animation and motion code against easing, duration, performance, and accessibility standards.
animation-vocabulary
Maps vague descriptions of web motion effects to precise animation terminology.
emil-design-eng
Reviews and improves UI animation, easing, and interaction code using design engineering principles.
Frequently Asked Questions About Alexander Stecker
FAQPage SchemaWhat tasks can I accomplish with Alexander Stecker's skills?▼
You can build web animations from scratch, audit and review existing motion code, find missing animation opportunities, design and critique frontend interfaces, prototype multiple UI variants behind a visual picker, configure Sonner toasts in React, and pick curated libraries for charts, virtualization, drag and drop, and state.
Who are these skills designed for?▼
Frontend engineers, design engineers, and UI developers working on landing pages, dashboards, product UI, and app shells. They suit anyone implementing motion, polishing component design, applying Apple-style gesture interactions, or needing a senior motion advisor's audit of their codebase.
How do the animation skills work together in practice?▼
Use find-animation-opportunities to locate where motion is missing, animate to write new implementations, review-animations to critique a single diff against a high craft bar, and improve-animations to audit an entire codebase and generate prioritized implementation plans for other agents to execute.
Do these skills modify my source code directly?▼
It depends on the skill. The animate skill writes implementations, while find-animation-opportunities and improve-animations are read-only — they propose motion with exact values and produce plans but never apply changes. Several skills only run when explicitly invoked and never trigger on their own.
What frontend technologies do these skills cover?▼
The manifest covers React ecosystems including the Sonner toast library with Tailwind theming and dark mode, spring and gesture-driven animations, drag/swipe/sheet interactions, translucent materials, typography with optical sizing, reduced-motion support, design tokens, and libraries for charts, command menus, and virtualization.