Ahmad Othman Ammar Adi avatar

Ahmad Othman Ammar Adi

Community

@othmanadi · Berlin

764Followers
|
149Public Repos
|
50Published Skills

Dedicated educator, fostering future tech innovators & critical thinkers through coding🌟 Empowering students with knowledge & passion❄️

Skills Distribution
DomainDeveloper To...Generative UI Inte.. (35%)Web Design Auditin.. (30%)Agent Planning & T.. (20%)Research & Debuggi.. (15%)

Agent Skills by Ahmad Othman Ammar Adi

Showing 50 vetted skills indexed across 8 GitHub repositories.

OthmanAdiOthmanAdi
65

plandeck

Renders YAML task plans as a live Kanban board with dependency tracking and critical path computation.

Community
Advanced
OthmanAdiOthmanAdi
26.5k

planning-with-files

Maintains persistent task_plan.md, findings.md, and progress.md files for multi-step agent workflows.

Community
Advanced
OthmanAdiOthmanAdi
26.5k

planning-with-files-es

Maintains persistent task_plan.md, findings.md, and progress.md files across agent sessions.

Community
Advanced
OthmanAdiOthmanAdi
26.5k

planning-with-files-zh

Maintains persistent task_plan.md, findings.md, and progress.md files for multi-step AI agent workflows.

Community
Advanced
OthmanAdiOthmanAdi
26.5k

planning-with-files-de

Maintains persistent task_plan.md, findings.md, and progress.md files across agent sessions via lifecycle hooks.

Community
Advanced
OthmanAdiOthmanAdi
26.5k

planning-with-files-zht

Maintains persistent task_plan.md, findings.md, and progress.md files across AI agent sessions.

Community
Advanced
OthmanAdiOthmanAdi
26.5k

planning-with-files-ar

Maintains persistent task_plan.md, findings.md, and progress.md files with lifecycle hooks for AI agent sessions.

Community
Advanced
OthmanAdiOthmanAdi

gmira-catalog

Design non-uniform data-driven catalog interfaces with URL-based state management.

Community
Advanced
OthmanAdiOthmanAdi

gmira-arsenal

Repair and standardize shadcn registry components in Next.js and React projects.

Community
Advanced
OthmanAdiOthmanAdi

gmira-flow

Standardize multi-step web interfaces with state management, validation, and error handling.

Community
Advanced
OthmanAdiOthmanAdi

gmira-canvas

Audit WebGL and canvas components for performance and accessibility compliance.

Community
Advanced
OthmanAdiOthmanAdi

gmira-detail

Standardize product detail page architecture with strict content modeling and semantic layout patterns.

Community
Advanced
OthmanAdiOthmanAdi

gmira-hero

Enforce noun-based design contracts and audit shadcn/WebGL hero components.

Community
Advanced
OthmanAdiOthmanAdi

gmira-states

Audit and implement six interactive states for web components.

Community
Advanced
OthmanAdiOthmanAdi

gmira-perf

Enforce performance budgets and GPU resource limits for WebGL web applications.

Community
Advanced
OthmanAdiOthmanAdi

gmira-direction

Define a 150-word visual design contract for web interfaces.

Community
Advanced
OthmanAdiOthmanAdi

gmira-a11y

Audit web application accessibility by measuring contrast, focus order, and semantic HTML roles.

Community
Advanced
OthmanAdiOthmanAdi

gmira-ship

Verify Next.js production builds and prepare staging handoff reports.

Community
Advanced
OthmanAdiOthmanAdi

gmira-proof

Audit web credibility surfaces and replace placeholder claims with verifiable evidence.

Community
Advanced
OthmanAdiOthmanAdi

gmira-palette

Derive web color palettes from material references and validate contrast ratios.

Community
Advanced
OthmanAdiOthmanAdi

gmira-typeset

Enforce typographic standards and screen-line layout systems for web interfaces.

Community
Advanced
OthmanAdiOthmanAdi

gmira-motion

Enforce motion theses and performance-oriented patterns for web animations.

Community
Advanced
OthmanAdiOthmanAdi

gmira

Enforce intentional design decisions for web surfaces before coding.

Community
Advanced
OthmanAdiOthmanAdi

gmira-brief

Extract factual product requirements and content models for web surface development.

Community
Advanced

Frequently Asked Questions About Ahmad Othman Ammar Adi

FAQPage Schema
What tasks can I accomplish using OthmanAdi's skills?▼

You can integrate OpenUI generative UI into backends in Python, Java, Go, Rust, PHP, Ruby, C#, and Elixir; audit Next.js web interfaces for accessibility, performance, and design quality; and maintain persistent agent plans via markdown files or the plandeck visual Kanban board with dependency tracking.

Who should use these skills?▼

Full-stack developers building generative UI applications, front-end engineers enforcing design and accessibility standards in Next.js and React projects, and agent developers who need persistent planning artifacts that survive context resets across long-running multi-step tasks.

How does plandeck work for long-running agent tasks?▼

Plandeck renders a live browser Kanban board over SSE. You break work into cards with declared dependencies; it computes the critical path, auto-promotes ready cards, and rolls up story-point estimates. Plans persist as plain files, so 'plandeck next' recovers the next action after resets.

What prerequisites do the OpenUI forge skills require?▼

Each OpenUI forge variant requires its target backend stack: FastAPI for Python, Spring Boot WebFlux for Java, Laravel for PHP, Rails for Ruby, ASP.NET Core for C#, Phoenix for Elixir, or net/http for Go, plus access to LLM providers such as OpenAI or Anthropic.

How do the gmira skills improve web interface quality?▼

The gmira suite audits web surfaces for accessibility (contrast, focus order, semantic roles), enforces performance budgets and GPU limits for WebGL, standardizes typography and color palettes, and runs Playwright checks across five viewports to catch layout and performance regressions before shipping.