Ziad Elnagar
Community@ziadnagar · Egypt
Creative Developer & Music Producer
Agent Skills by Ziad Elnagar
Showing 90 vetted skills indexed across 1 GitHub repositories.
ZiadNagartemplate
Create new Skill Units with standardized YAML frontmatter and Markdown body.
ZiadNagarmobile-design
Apply mobile design thinking frameworks for platform-native iOS and Android UX decisions.
ZiadNagarplaywright-skill
Automate end-to-end browser testing with Playwright scripts in /tmp.
ZiadNagarui-ux-pro-max
Index UI/UX design guidance into a reusable design-system toolkit.
ZiadNagarmarketing-psychology
Apply persuasion principles to generate copy, pricing cues, and UX messaging.
ZiadNagarresponsive-design
Implement mobile-first CSS architecture with container queries and fluid typography.
ZiadNagarmermaid-diagrams
Transform Mermaid text into visual diagrams for software architectures, flows, and data models.
ZiadNagarremotion-best-practices
Apply standardized Remotion best practices to React-based video projects.
ZiadNagartemplate-skill
Create new AI skills with standardized YAML frontmatter and Markdown body.
ZiadNagardevops
Automate Docker, GitHub Actions, and deployment workflows for web apps.
ZiadNagarimage-assets
Optimize web images and generate responsive WebP/AVIF markup.
ZiadNagaracademic-researcher-writing
Find and consolidate academic sources for literature reviews and IMRaD writing.
ZiadNagarpricing-page-design
Design responsive SaaS pricing pages with Tailwind CSS and comparison tables.
ZiadNagarcopywriting
Generate marketing copy for headlines, body text, CTAs, and emails using PAS, AIDA, and 4U formulas.
ZiadNagarux-designer
Develop human-centered UX strategy guidance for web and mobile interfaces.
ZiadNagaranimejs
Animate DOM, SVG, and JavaScript objects with Anime.js v4 timelines and stagger.
ZiadNagarcobejs-globe
Create lightweight WebGL globe visualizations with cobe.js and markers.
ZiadNagardoc-coauthoring
Guide multi-stage documentation co-authoring with context gathering, drafting, and reader testing.
ZiadNagarvantajs
Integrate animated WebGL backgrounds into React, Vue, or vanilla JS projects.
ZiadNagardata-visualization
Generate accessible HTML charts from raw datasets using Chart.js.
ZiadNagarweb-design-guidelines
Enforce Web Interface Guidelines compliance on UI codebases.
ZiadNagarusing-superpowers
Enforce Skill tool invocation before responding to any user request.
ZiadNagarfigma-implement-design
Translate Figma designs into production-ready code using the Figma MCP workflow.
ZiadNagarcode-review
Analyze frontend code quality and security with multi-pass severity-based feedback.