M Fauzan Azhim avatar

M Fauzan Azhim

Community

@fauzanazz

29Followers
|
100Public Repos
|
40Published Skills

Hello world

Skills Distribution
DomainUI/UX & Crea...UI/UX Design & Fro.. (50%)Developer Tooling .. (25%)AI Agent Architect.. (15%)Cloud & Edge Deplo.. (10%)

Agent Skills by M Fauzan Azhim

Showing 40 vetted skills indexed across 2 GitHub repositories.

fauzanazzfauzanazz

animate

Add purposeful animations, micro-interactions, and motion effects to UI features.

Community
Intermediate
fauzanazzfauzanazz

quieter

Reduces visual intensity in designs by refining color, typography, motion, and composition.

Community
Intermediate
fauzanazzfauzanazz

shape

Plan UX and UI direction through a structured discovery interview and design brief.

Community
Intermediate
fauzanazzfauzanazz

optimize

Diagnoses and fixes UI performance issues across loading, rendering, animations, and bundle size.

Community
Intermediate
fauzanazzfauzanazz

adapt

Adapts designs across screen sizes, devices, and platforms using breakpoints and fluid layouts.

Community
Intermediate
fauzanazzfauzanazz

impeccable

Generates production-grade frontend interfaces with distinctive typography, color, and layout design.

Community
Advanced
fauzanazzfauzanazz

clarify

Rewrites unclear UX copy, error messages, labels, and instructions for interface comprehension.

Community
Intermediate
fauzanazzfauzanazz

layout

Assess and improve CSS layout, spacing systems, and visual hierarchy in interfaces.

Community
Intermediate
fauzanazzfauzanazz

distill

Simplify UI designs by removing unnecessary elements, visual noise, and redundant content.

Community
Intermediate
fauzanazzfauzanazz

delight

Add micro-interactions, animations, and personality to user interfaces.

Community
Intermediate
fauzanazzfauzanazz

audit

Runs technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns with scored reports.

Community
Intermediate
fauzanazzfauzanazz

polish

Reviews and fixes alignment, spacing, interaction states, and consistency issues in UI code before shipping.

Community
Intermediate
fauzanazzfauzanazz

bolder

Amplify bland designs through typography, color, layout, and motion adjustments.

Community
Intermediate
fauzanazzfauzanazz

typeset

Improves typography by fixing font choices, hierarchy, sizing, weight, and readability in interfaces.

Community
Intermediate
fauzanazzfauzanazz

critique

Evaluate interface designs with heuristic scoring, persona testing, and automated anti-pattern detection.

Community
Advanced
fauzanazzfauzanazz

browser-use

Automates browser navigation, interaction, and data extraction via a persistent CLI daemon.

Community
Advanced
fauzanazzfauzanazz

colorize

Introduce strategic color palettes to monochromatic interface designs with semantic and accessible application.

Community
Intermediate
fauzanazzfauzanazz

overdrive

Implements technically ambitious interface effects using shaders, spring physics, and scroll-driven animations.

Community
Advanced
fauzanazzfauzanazz

ai-feature-worker

Implements AI-integrated features with mock response layers for OpenAI and Anthropic providers.

Community
Advanced
fauzanazzfauzanazz

fullstack-worker

Implements full-stack features spanning Prisma database, Next.js API routes, and React UI.

Community
Advanced
fauzanazzfauzanazz

using-git-worktrees

Create and manage isolated Git workspaces for parallel development.

Community
Advanced
fauzanazzfauzanazz

test-driven-development

Enforce the RED-GREEN-REFACTOR cycle for Test-Driven Development.

Community
Intermediate
fauzanazzfauzanazz

cf-wrangler

Manage Cloudflare Wrangler commands for D1 migrations, KV/R2, queues, secrets, and deployment.

Community
Advanced
fauzanazzfauzanazz

langchain-pattern

Review LangChain code for compliance with LCEL and LangGraph patterns.

Community
Advanced

Frequently Asked Questions About M Fauzan Azhim

FAQPage Schema
What tasks can I accomplish with fauzanazz's design skills?▼

You can plan UX via structured discovery interviews, add animations and micro-interactions, fix typography and layout spacing, adapt designs across breakpoints, run accessibility and performance audits with P0-P3 severity scoring, and polish interfaces before launch.

Who are these skills designed for?▼

Frontend engineers, UX designers, and full-stack developers building production web interfaces. Secondary audiences include backend engineers using OOP/SOLID design guidance, DevOps users managing Cloudflare Wrangler deployments, and teams practicing TDD and structured Git workflows.

How do I invoke the new design skills at runtime?▼

All new design skills are user-invocable with an argument-hint pattern. Pass a target such as a feature, page, or component (e.g., 'audit [component]' or 'adapt [target] [mobile]'). The 'impeccable' skill accepts 'craft', 'teach', or 'extract' modes.

Are these skills open source and what do they cost?▼

The 'impeccable' skill is licensed Apache 2.0, based on Anthropic's frontend-design skill with attribution in NOTICE.md. Other skills carry no stated license or fees in the manifest; they are free to invoke within the registry.

What prerequisites or dependencies do these skills require?▼

The browser-use skill requires Bash access scoped to browser-use commands for web testing and screenshots. The ai-feature-worker and fullstack-worker skills target the Katalis platform specifically. Design skills operate on existing frontend targets and need no external services.