Malik
Community@malikkotb
Freelance Web Designer & Developer B. Sc. Computer Science at TUM (Technical University Munich)
Agent Skills by Malik
Showing 33 vetted skills indexed across 1 GitHub repositories.
domain-modeling
Build and maintain project glossaries and architecture decision records during design discussions.
dev-server
Locate and reuse the running Astro dev server for browser-based visual verification.
comments
Enforces minimal single-line comment policy across TypeScript, Astro, and CSS files.
section-colocation
Organizes Astro page builder section companion files into colocated folders.
scaffolding-plop
Generates page routes, page builder sections, and rich text blocks using Plop generators.
gsap-plugins
Implements GSAP plugin registration and usage for scroll, drag, SVG, text, and physics animations.
gsap-timeline
Sequences GSAP tweens into timelines using position parameters, labels, and nesting.
gsap-scrolltrigger
Implements scroll-linked animations, pinning, and scrubbing with the GSAP ScrollTrigger plugin.
gsap-performance
Optimizes GSAP animations for smooth 60fps rendering using transforms, batching, and will-change.
code-review
Reviews a git diff against documented coding standards and the originating spec using parallel sub-agents.
gsap-core
Implements GSAP core tweens, eases, staggers, and matchMedia for JavaScript animations.
codebase-design
Designs deep modules with small interfaces, clean seams, and testable adapters.
server
Implements Astro API endpoints with validation, auth gating, env checks, and caching.
gsap-utils
Applies GSAP utility functions for clamping, mapping, snapping, and randomizing animation values.
agent-markdown
Keeps Markdown served to AI agents in sync with Sanity page-builder section fields.
tailwind
Applies Tailwind v4 styling conventions with CSS @theme design tokens in Astro components.
performance-audit
Diagnose Lighthouse and Core Web Vitals regressions and map symptoms to measured fix families.
sanity
Implements Sanity CMS conventions for GROQ queries, typegen, schema design, and Astro content rendering.
umami-analytics
Implements SSR-safe Umami tracking events and session identification in Astro runtime code.
lazy-hydration
Defers custom element JavaScript out of the initial bundle until the element nears the viewport.
mobile-first
Enforces mobile-first Tailwind responsive utilities and bans max-* breakpoint variants.
grill-with-docs
Interviews a plan or design and generates ADRs and glossary documentation.
icons
Registers and renders inline SVG icons through a single Astro component registry.
code-style
Enforces TypeScript and Astro code-style conventions and runs a complexity-only simplicity review.
Frequently Asked Questions About Malik
FAQPage SchemaWhat 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.