Abduzhalil Yeshimov
Community@xzedm
A registry of 41 skills for frontend design engineering, UI polish, animation, video rendering, and platform-native design systems.
Agent Skills by Abduzhalil Yeshimov
Showing 41 vetted skills indexed across 1 GitHub repositories.
xzedmhyperframes
Routes video and animation requests to HyperFrames HTML-based rendering workflows.
xzedmdeploy-to-vercel
Deploy projects to Vercel using CLI, git push, or no-auth fallback scripts.
xzedmapple-hig-designer
Generate SwiftUI components and validate iOS designs against Apple Human Interface Guidelines.
xzedmagent-browser
Automates browser interactions via CDP with accessibility-tree snapshots and element refs.
xzedmanimate
Implements UI animations by deciding purpose, tool, properties, easing, and duration before writing code.
xzedmfigma-generate-design
Builds Figma screens and views from code using design system components, variables, and styles.
xzedmremotion-best-practices
Provides domain-specific rules and patterns for writing Remotion programmatic video code in React.
xzedmfind-animation-opportunities
Scans a codebase for UI moments that would benefit from motion and proposes exact animation recipes.
xzedmimprove-animations
Audits codebase animation and motion code, then writes prioritized self-contained implementation plans.
xzedmimpeccable
Designs, critiques, and refines production-grade frontend interfaces through structured commands.
xzedmextract-design-system
Extract design tokens from public websites and generate starter token files.
xzedmbetter-colors
Convert, generate, and validate OKLCH color palettes for web projects.
xzedmleetcode-teacher
Generates interactive coding playgrounds for technical interview preparation with pattern-based algorithm training.
xzedmgstack
Controls a persistent headless Chromium browser for QA testing, screenshots, and deployment verification.
xzedmfind-skills
Searches and installs agent skills from the open skills ecosystem using the Skills CLI.
xzedmbetter-ui
Applies design engineering principles to polish UI components, animations, icons, and surfaces.
xzedmfigma-use
Executes JavaScript in Figma files via the Plugin API to create and edit design nodes.
xzedmbetter-typography
Reviews and fixes web typography across fonts, spacing, wrapping, and accessibility in CSS.
xzedmindustrial-brutalist-ui
Generates brutalist web interfaces combining Swiss typography with military terminal aesthetics.
xzedmdesign-handoff
Generates developer handoff specs covering layout, tokens, states, and accessibility from designs.
xzedmbetter-accessibility
Reviews and fixes UI code for keyboard, screen-reader, and WCAG accessibility compliance.
xzedmvercel-react-view-transitions
Implement native view transition animations in React using the ViewTransition component and CSS pseudo-elements.
xzedmbetter-layout
Reviews and structures web interface layouts using spacing, alignment, and responsive principles.
xzedmreview-loop
Iterates work through a critic subagent scoring cycle until a quality gate is met.
Frequently Asked Questions About Abduzhalil Yeshimov
FAQPage SchemaWhat tasks can I accomplish with xzedm's skill registry?▼
You can design and polish frontend interfaces, build and audit animations, render videos from HTML via HyperFrames, generate Figma screens from code, extract design tokens from websites, implement Material Design 3 and Apple HIG interfaces, run headless browser QA, and deploy apps to Vercel.
Who is the target audience for these skills?▼
Frontend engineers, design engineers, and UX practitioners building web and mobile interfaces. The registry emphasizes UI polish, typography, accessibility (WCAG/ARIA), motion craft, and design systems, with supporting skills for iOS, Android Jetpack Compose, and React/Next.js performance work.
How do the video and animation skills work together?▼
HyperFrames is the mandatory entry point for any video or motion graphic request, routing to specialized skills. The animate skill builds new motion, review-animations critiques existing code, improve-animations audits codebases, and find-animation-opportunities proposes where motion should be added.
Are these skills open source and what do they cost?▼
Several skills carry explicit open-source licenses: impeccable uses Apache 2.0, while vercel-react-view-transitions, vercel-react-best-practices, vercel-composition-patterns, and android-design-guidelines use MIT. The remaining skills declare no license or cost in their frontmatter.
What prerequisites or dependencies do these skills require?▼
Figma write operations require invoking figma-use before any use_figma call. Some skills need specific runtimes: impeccable runs via npx, agent-browser and gstack require Bash access, and design-md requires Stitch tooling. Vercel skills target React, Next.js, and Tailwind CSS v4 projects.