shariff abdul rehman siddiq
Community@abdul7867
Frontend design engineering skills for UI auditing, motion design, animation physics, and anti-generic premium interface aesthetics.
Agent Skills by shariff abdul rehman siddiq
Showing 3 vetted skills indexed across 1 GitHub repositories.
design-vocabulary
Reviews and refines frontend UI designs using typography, color, layout, and motion guidelines.
motion-design
Guides UI animation decisions with easing curves, duration tables, and spring physics rules.
anti-slop
Enforces design rules that prevent generic AI-generated frontend UI patterns.
Frequently Asked Questions About shariff abdul rehman siddiq
FAQPage SchemaWhat tasks can I accomplish with abdul7867's design skills?▼
You can audit, polish, critique, colorize, typeset, and lay out frontend interfaces, craft UI animations and micro-interactions with spring physics and easing curves, and enforce premium aesthetics that ban generic AI-generated design patterns.
Who should use these frontend design skills?▼
Frontend engineers, UI designers, and design engineers building production-grade interfaces benefit most. The skills suit anyone refining visual design, reviewing motion code, or preventing generic AI-generated UI output in their projects.
How do the design-vocabulary commands work in practice?▼
Invoke slash commands like /audit, /polish, /critique, /colorize, /typeset, /layout, /animate, /harden, /bolder, /quieter, or /distill during design, critique, or refinement sessions to apply targeted improvements to interface quality.
What animation capabilities does the motion-design skill provide?▼
It provides custom easing curves, duration tables, spring physics configurations, and animation decision frameworks based on Emil Kowalski's motion design engineering approach, covering UI animations, transitions, micro-interactions, and motion code review.
How does anti-slop prevent generic AI-generated interfaces?▼
Anti-slop enforces premium aesthetics by banning common AI design tells and exposing design dials—DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY—supporting brutalist, minimalist, soft, and full redesign directions.