Malik avatar

Malik

Community

@malikkotb

18Followers
|
83Public Repos
|
33Published Skills

Freelance Web Designer & Developer B. Sc. Computer Science at TUM (Technical University Munich)

Skills Distribution
DomainUI/UX & Crea...Frontend Framework.. (30%)Motion & Interacti.. (25%)Styling & Responsi.. (15%)CMS & Content Mode.. (15%)

Agent Skills by Malik

Showing 33 vetted skills indexed across 1 GitHub repositories.

malikkotbmalikkotb

domain-modeling

Build and maintain project glossaries and architecture decision records during design discussions.

Community
Intermediate
malikkotbmalikkotb

dev-server

Locate and reuse the running Astro dev server for browser-based visual verification.

Community
Intermediate
malikkotbmalikkotb

comments

Enforces minimal single-line comment policy across TypeScript, Astro, and CSS files.

Community
Basic
malikkotbmalikkotb

section-colocation

Organizes Astro page builder section companion files into colocated folders.

Community
Intermediate
malikkotbmalikkotb

scaffolding-plop

Generates page routes, page builder sections, and rich text blocks using Plop generators.

Community
Intermediate
malikkotbmalikkotb

gsap-plugins

Implements GSAP plugin registration and usage for scroll, drag, SVG, text, and physics animations.

Community
Intermediate
malikkotbmalikkotb

gsap-timeline

Sequences GSAP tweens into timelines using position parameters, labels, and nesting.

Community
Intermediate
malikkotbmalikkotb

gsap-scrolltrigger

Implements scroll-linked animations, pinning, and scrubbing with the GSAP ScrollTrigger plugin.

Community
Intermediate
malikkotbmalikkotb

gsap-performance

Optimizes GSAP animations for smooth 60fps rendering using transforms, batching, and will-change.

Community
Basic
malikkotbmalikkotb

code-review

Reviews a git diff against documented coding standards and the originating spec using parallel sub-agents.

Community
Intermediate
malikkotbmalikkotb

gsap-core

Implements GSAP core tweens, eases, staggers, and matchMedia for JavaScript animations.

Community
Intermediate
malikkotbmalikkotb

codebase-design

Designs deep modules with small interfaces, clean seams, and testable adapters.

Community
Intermediate
malikkotbmalikkotb

server

Implements Astro API endpoints with validation, auth gating, env checks, and caching.

Community
Intermediate
malikkotbmalikkotb

gsap-utils

Applies GSAP utility functions for clamping, mapping, snapping, and randomizing animation values.

Community
Intermediate
malikkotbmalikkotb

agent-markdown

Keeps Markdown served to AI agents in sync with Sanity page-builder section fields.

Community
Intermediate
malikkotbmalikkotb

tailwind

Applies Tailwind v4 styling conventions with CSS @theme design tokens in Astro components.

Community
Intermediate
malikkotbmalikkotb

performance-audit

Diagnose Lighthouse and Core Web Vitals regressions and map symptoms to measured fix families.

Community
Advanced
malikkotbmalikkotb

sanity

Implements Sanity CMS conventions for GROQ queries, typegen, schema design, and Astro content rendering.

Community
Advanced
malikkotbmalikkotb

umami-analytics

Implements SSR-safe Umami tracking events and session identification in Astro runtime code.

Community
Basic
malikkotbmalikkotb

lazy-hydration

Defers custom element JavaScript out of the initial bundle until the element nears the viewport.

Community
Intermediate
malikkotbmalikkotb

mobile-first

Enforces mobile-first Tailwind responsive utilities and bans max-* breakpoint variants.

Community
Basic
malikkotbmalikkotb

grill-with-docs

Interviews a plan or design and generates ADRs and glossary documentation.

Community
Basic
malikkotbmalikkotb

icons

Registers and renders inline SVG icons through a single Astro component registry.

Community
Intermediate
malikkotbmalikkotb

code-style

Enforces TypeScript and Astro code-style conventions and runs a complexity-only simplicity review.

Community
Intermediate

Frequently Asked Questions About Malik

FAQPage Schema
What tasks can I accomplish with Malik's skill registry?

You can build and style Astro pages with Tailwind v4 conventions, add GSAP scroll and timeline animations, model Sanity CMS content with typed GROQ queries, implement technical SEO with JSON-LD and sitemaps, audit Core Web Vitals, enforce conventional commits, and structure client behavior as vanilla-TypeScript custom elements.

Who is the target audience for these skills?

Frontend engineers and design engineers working on Astro-based marketing sites with a Sanity CMS backend. The skills suit developers who need enforced repo conventions for styling, comments, commits, code review, and performance, plus motion craft guidance for GSAP-powered interfaces.

How do the GSAP animation skills work in practice?

Separate skills cover the core API (tweens, easing, matchMedia), timelines, ScrollTrigger pinning and scrub, plugin registration, performance tuning, and utility functions. They guide sequencing, scroll-linked animation, and 60fps optimization, and pair with the design-engineering skill for micro-interactions and reduced-motion accessibility.

Are these skills open source and what do they cost?

The GSAP skills carry an explicit MIT license; the remaining repo-convention skills state no license or fee. All skills are free to invoke within the registry, with no paid dependencies mentioned beyond the underlying tools like Sanity, Resend, and Umami they describe.

What prerequisites and dependencies do these skills assume?

An Astro project with Tailwind v4, TypeScript, Biome, and a Sanity Studio at the repo root. Client behavior uses vanilla custom elements (React is restricted to the Studio), commits are validated by commitlint, previews use a dev server on port 4321, and email endpoints rely on Resend.