Abu Bakar Saddique
Community@AbuBakar125-co · NASTP Rawalpindi
I'm a passionate and results-driven Front-End Developer with over 4+ years of experience building dynamic, responsive, and visually engaging websites.
Agent Skills by Abu Bakar Saddique
Showing 40 vetted skills indexed across 1 GitHub repositories.
AbuBakar125-cohyperframes
Routes video creation requests to workflows that render videos from HTML compositions.
AbuBakar125-codeploy-to-vercel
Deploy applications and websites to Vercel using the Vercel CLI or claimable deploy scripts.
AbuBakar125-coui-ux-pro-max
Searches local UI/UX datasets to generate design systems, palettes, typography, and stack-specific guidelines.
AbuBakar125-comusic-to-video
Generates beat-synced videos from music tracks using audio analysis and HTML compositions.
AbuBakar125-codesign
Generates logos, CIP mockups, SVG icons, banners, slides, and social images via Gemini APIs and Python scripts.
AbuBakar125-cohiggsfield-product-photoshoot
Generate brand product images via the Higgsfield product-photoshoot CLI on gpt_image_2.
AbuBakar125-cofaceless-explainer
Convert text into faceless explainer videos with invented visuals and narration.
AbuBakar125-cobanner-design
Generates multi-format banner designs as HTML/CSS and exports them to PNG images.
AbuBakar125-cohyperframes-animation
Compose deterministic GSAP-based animations for HyperFrames video compositions from atomic motion rules and scene blueprints.
AbuBakar125-covercel-react-native-skills
Applies React Native and Expo performance rules to component, list, and animation code.
AbuBakar125-cohiggsfield-generate
Generate images, videos, 3D assets, and audio via the Higgsfield CLI.
AbuBakar125-copr-to-video
Converts GitHub pull requests into narrated code-change explainer videos via HyperFrames.
AbuBakar125-cohiggsfield-marketplace-cards
Generate marketplace product image cards and A+ content modules via the Higgsfield CLI.
AbuBakar125-coweb-design-guidelines
Reviews UI code files against Vercel Web Interface Guidelines and reports findings.
AbuBakar125-coui-styling
Build accessible user interfaces with shadcn/ui components, Tailwind CSS utilities, and canvas-based visual designs.
AbuBakar125-coscroll-craft
Builds scroll-driven landing pages with scrubbed video, layered heroes, and verified motion states.
AbuBakar125-cobrand
Manage brand voice, visual identity, and asset compliance through scripts and reference frameworks.
AbuBakar125-cooversized-cursor
Implements oversized macOS-style cursor animations for launch videos using GSAP tweens.
AbuBakar125-cohiggsfield-soul-id
Trains a face-faithful Soul identity model on Higgsfield for image and video generation.
AbuBakar125-cohiggsfield-brandkit
Create visual brand systems with palettes, SVG logos, typography, mockups, and PPTX/PDF brandbooks.
AbuBakar125-cowriting-guidelines
Review documentation files against fetched writing style guidelines and report violations.
AbuBakar125-cogeneral-video
Authors and edits multi-scene HyperFrames video compositions from briefs and storyboards.
AbuBakar125-covercel-cli-with-tokens
Deploy and manage Vercel projects using CLI token-based authentication.
AbuBakar125-cohiggsfield-websites
Build, edit, and deploy React 19 + TanStack Start websites, apps, and games via the Higgsfield CLI.
Frequently Asked Questions About Abu Bakar Saddique
FAQPage SchemaWhat tasks can I accomplish with AbuBakar125-co's skill registry?▼
You can author HyperFrames videos (promos, explainers, lyric videos, changelog reels), design banners, logos, and brand kits, generate product photoshoots and marketplace cards via Higgsfield, build accessible shadcn/Tailwind interfaces, and deploy or optimize React/Next.js projects on Vercel.
Who is the target audience for these skills?▼
Front-end developers, motion designers, and brand marketers. The registry suits engineers building React/Next.js interfaces, designers producing scroll-driven landing pages and design systems, and content teams turning URLs, PRs, or music tracks into finished video deliverables.
How do the video creation skills work in practice?▼
Start with the hyperframes entry skill, which captures intent and routes to the owning workflow: product-launch-video for URLs, pr-to-video for GitHub diffs, music-to-video for beat-synced tracks, or faceless-explainer for text. Motion-doctrine, cut-the-curve, and seam-craft govern transitions and render correctness.
Are these skills open-source and what do they cost?▼
Many skills carry MIT licenses, including design, banner-design, ui-styling, design-system, and the Vercel-authored React skills. Higgsfield skills route through the Higgsfield CLI with its own backend models; Vercel deployment skills require a Vercel account and access tokens.
What prerequisites or dependencies do these skills require?▼
Higgsfield skills require Bash access and the Higgsfield CLI. Vercel skills need token-based authentication. UI skills assume shadcn/ui, Radix UI, and Tailwind CSS stacks. HyperFrames compositions use GSAP by default, with Lottie, Three.js, Anime.js, CSS keyframes, WAAPI, or TypeGPU adapters.