Eka Candra Setyobudi
Community@wonkpentink · Jakarta, Indonesia
Agent Skills by Eka Candra Setyobudi
Showing 17 vetted skills indexed across 1 GitHub repositories.
custom-react-hooks
Implement reusable React hooks with TanStack Query and TypeScript typings.
static-files-assets
Organize and optimize static files across src/assets and public/assets.
reusable-ui-components
Define reusable React components with TypeScript interfaces and Tailwind styling.
make-skill-template
Generate new Agent Skills by duplicating a clean template with frontmatter.
layout-wrapper-components
Create React layout wrappers with auth guards and Outlet-based nested routes.
general-utility-functions
Provide reusable utility functions for encryption, formatting, detection, storage, transformation, and validation in TypeScript projects.
full-page-screen-components
Create React Router page routes with components, data fetching, and authentication.
installation-and-initial-setup
Initialize a React + TypeScript + Vite project with npm and configuration.
form-validation-schemas
Create Yup validation schemas for React forms with react-hook-form.
constants-static-data
Consolidate constants and static data into centralized TypeScript-typed definitions.
feature-specific-business-logic
Structure domain-specific feature logic under src/features with modular components and custom hooks.
react-router-configuration
Configures React Router with layouts, guards, and basename for multi-layout apps.
typescript-type-definitions
Map API snake_case fields to TypeScript types for domain models.
global-context-providers
Creates a root AppProviders wrapper for React Contexts and TanStack Query integration.
theme-replication
Centralize SMSF Frontend CRM design tokens into a typed theme configuration.
global-state-management-zustand
Centralize global application state with Zustand stores and selectors.
api-client-services
Centralizes backend communication with Axios clients, HMAC signing, and encrypted token authentication.