irahardianto
- 99 skills
- 0 followers
- 4 hours ago last updated
- ▌ Better UI · irahardianto bundleDesign engineering principles for making interfaces feel polished. Use when building UI components, implementing animations or hover states, or doing any visual detail work. Triggers on UI polish, "feels off", stagger animations, enter animations, theme switch transitions, border radius, optical alignment, image outlines, box shadows, icons, icon stroke weight, motion restraint.
- ▌ Better Colors · irahardianto bundleColor systems for digital products. Use when creating or extending a palette, theming light and dark appearances, or auditing the colors in a codebase. Triggers on color palette, palette generation, color ramp, brand color, accent color, gray palette, status colors, color tokens, token naming, theming, dark mode colors, contrast ratio, APCA, gamut, display p3, oklch, color conversion, gradients, color meaning, increased contrast.
- ▌ Better Layout · irahardianto bundleLayout structure for web interfaces. Use when structuring a page or component, deciding what collapses at small sizes, or reviewing frontend code for layout. Triggers on layout, spacing, alignment, grouping, whitespace, visual hierarchy, reading order, progressive disclosure, breakpoints, container queries, safe area, full-bleed, layout margins, RTL layout, logical properties.
- ▌ Better Writing · irahardianto bundleUX writing and interface copy. Use when writing or reviewing any user-facing text. Triggers on UX writing, microcopy, button labels, link text, error messages, empty states, placeholder text, settings labels, capitalization, sentence case, voice and tone.
- ▌ Better Interface · irahardianto bundleCross-discipline interface review. Routes a screen, flow, or feature to every `better-*` domain skill and consolidates one ranked verdict. Use when asked for a holistic review rather than a single domain and when `interface-review` hands up a change to route. Triggers on better-interface, holistic interface review, review the whole screen.
- ▌ Better Typography · irahardianto bundleWeb typography. Use when picking or pairing typefaces, setting up a type scale, or styling and truncating text in components. Triggers on typography, font loading, woff2, variable fonts, opentype features, type scale, heading hierarchy, line-height, letter-spacing, measure, text-wrap, truncation, tabular numbers, underlines, text selection, iOS input zoom, font smoothing, smart punctuation, text-box, drop cap.
- ▌ Better Accessibility · irahardianto bundleAccessibility engineering for product interfaces. Use when building or reviewing UI components and custom widgets, or when the user reports a keyboard or screen-reader problem. Triggers on accessibility, a11y, WCAG, aria, focus ring, focus trap, keyboard navigation, tabindex, screen reader, sr-only, alt text, hit area, hover on touch, prefers-reduced-motion, autoplay, skip link, semantic HTML, form errors, disabled buttons, "not keyboard accessible".
- ▌ Technical Constitution · irahardiantoGenerates technical implementation plans and architectural strategies that enforce the Project Constitution. Use when designing new features, starting implementation tasks, refactoring code, or ensuring compliance with critical standards like Testability-First Architecture, security mandates, testing strategies, and error handling.
- ▌ Break · irahardianto bundleAnswers "does this survive?" for one component. Renders it on a page in every state real use can put it in, and hands that page over as a visual report of what broke.
- ▌ Variant · irahardianto bundleAnswers "which of these?" rather than "is this right?". Builds several genuinely different versions of one piece of UI behind a picker in the real page, so you can flip between them and promote the one that wins.
- ▌ Interface Review · irahardianto bundleInterface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers interface quality, not correctness, tests, or security.
- ▌ Explain Interface · irahardianto bundleAnswers "how was this built?" about an interface. Give it a URL and name the thing you're curious about, and it reads the layers that produce the effect. Reads the whole frontend instead when you don't name a thing. From a screenshot it reconstructs rather than reads and says so.
- ▌ Omni · irahardiantoMaximum token-efficiency communication. Telegraphic English + minimal structured notation. 100% technical accuracy. Zero fluff. Zero waste.
- ▌ Pathfinder Workflow · irahardiantoUse when exploring a codebase, refactoring code, implementing features, or auditing code quality effectively.
- ▌ Sequential Thinking · irahardianto bundleDynamic, reflective problem-solving through iterative thought chains with revision and branching. For complex planning, multi-step analysis, hypothesis verification, or problems where scope emerges during analysis.
- ▌ CI CD · irahardianto bundleCI/CD pipeline design: GitHub Actions, GitLab CI, multi-stage Docker builds, image scanning, SBOM attestation (Cosign keyless), and environment promotion. Layered by complexity — Level 0 (all projects), Level 1 (containerized), Level 2 (Kubernetes). GitOps and Kubernetes deployment patterns in references/gitops-kubernetes.md.
- ▌ Code Audit · irahardianto bundleOrchestration reference for the /audit workflow. Contains dimension scope cards for parallel subagent dispatch, subagent prompt template, and code audit report template.
- ▌ Axum Idioms · irahardiantoAxum HTTP framework patterns — routing, extractors, middleware, state management. For Rust see rust-idioms.
- ▌ Hono Idioms · irahardianto bundleHono HTTP framework patterns — routing, middleware, Zod validation, RPC client. For TypeScript see typescript-idioms.
- ▌ Feature Flags · irahardiantoFeature flag implementation: release flags, ops kill switches, experiment flags, and permission gating. PRD-gated — only load when PRD or technical architecture explicitly requires gradual rollout, A/B testing, or kill switches. Includes lifecycle rules (90-day max for release flags), flag evaluation patterns, and CI/CD checklist.
- ▌ Mobile Testing · irahardianto bundleMobile E2E testing patterns — Flutter integration_test, Patrol, Maestro, golden testing, device matrix, and test data management. Use when writing E2E tests for mobile applications.
- ▌ Security Audit · irahardianto bundleOrchestration reference for the /security-audit workflow. Contains dimension scope cards for parallel subagent dispatch, subagent prompt template, and security audit report template.
- ▌ Agent Protocols · irahardiantoShared protocols for all agents in the multi-agent pipeline: recursive nesting, pre-implementation restatement, agent spawn protocol, parallel dispatch format, completion reporting, and sovereign subagent awareness. Load this skill instead of inlining these protocols in every agent file.
- ▌ Frontend Design · irahardianto bundleGenerates distinctive, production-grade frontend interfaces and artifacts (React, Vue, HTML/CSS). Prioritizes bold aesthetics, unique typography, and motion to avoid generic designs. Use when building websites, landing pages, dashboards, posters, or when the user requests to style, beautify, or create visually striking UI.
- ▌ Postgres Idioms · irahardiantoPostgreSQL best practices — schema design, query performance, indexing, connection management, RLS, concurrency, monitoring, and migrations. Load when writing SQL, designing schemas, or optimizing PostgreSQL queries.
- ▌ Structured Spec · irahardianto bundleWrite, review, validate, or parse structured specification documents — PRDs, SDDs (design docs), implementation plans, TSDs (technical specs), BDD specs, and ADRs (architecture decision records) — using the Structured Spec standard (YAML frontmatter + Markdown narrative + HTML-comment annotations for requirement/contract/test/architecture/decision/slo + executable code contracts, with requirement-to-contract-to-test traceability). Use when asked to draft, scaffold, template, or check completeness/traceability of a spec, requirements doc, design doc, or decision record, migrate a plain-Markdown spec to this format, or slice a spec into tasks for multiple agents.
- ▌ Testing Strategy · irahardiantoDetailed testing reference material: test doubles strategy, integration test infrastructure (Testcontainers, Firebase emulator), naming conventions per language, test organization patterns. Load when writing tests or setting up test infrastructure. The core mandates (TDD, AAA, pyramid) are in the testing-strategy rule — this skill provides implementation details.
- ▌ Parallel Dispatch · irahardiantoMECE task decomposition, file ownership enforcement, DAG-based execution, and safe merge protocol for intra-domain parallel dispatch. The safety invariants that prevent merge chaos when multiple agents write in parallel. Applies recursively at every nesting depth.
- ▌ Git Commit Integrity · irahardiantoEnsures every commit in a series is what it claims to be — a working, gate-passing snapshot in isolation, not just a slice of a working directory that happened to pass while other changes sat nearby. Covers verifying commit history after the fact, designing pre-commit hooks that check the commit rather than the working tree, and splitting an already-finished diff into multiple logical commits safely. Tech-stack agnostic; applies whether or not the project has a pre-commit hook. Use whenever constructing multi-commit history from a single body of work, reviewing or writing a pre-commit hook, or before telling a user "this commit is clean."
- ▌ Research Methodology · irahardiantoStructured research protocol: investigate technologies, patterns, APIs before implementation. Multi-tool search, research logs, training data fallback honesty.
- ▌ Testability Patterns · irahardiantoImplementation examples for the three testability rules (I/O isolation, pure logic, dependency direction) across Go, TypeScript, Python, Rust, and Dart. Loaded by reference from architectural-pattern.md — not triggered by file patterns.
- ▌ Logging Implementation · irahardiantoStructured logging implementation patterns: log levels, mandatory context fields (correlationId, userId, duration), security (PII scrubbing), and per-language library choices (Go slog, TypeScript pino, Python structlog). Load when implementing logging in any operation entry point. Prerequisite: logging-and-observability-mandate.md.
- ▌ Adr · irahardiantoDocument architectural decisions using ADR format. Use during research when choosing approaches, introducing deps/patterns, or changing arch.
- ▌
- ▌
- ▌ Guardrails · irahardianto bundlePre-flight checklists before coding, post-implementation self-review after. Catches arch violations, missing observability, security oversights.
- ▌ Pathfinder · irahardiantoSession bootstrap + workflows for Pathfinder semantic navigation tools. Covers: discovery protocol, tool chaining patterns (explore, impact, audit, debug), search optimization, LSP degraded mode, and error recovery.
- ▌
- ▌
- ▌
- ▌ Code Review · irahardianto bundleStructured code review protocol: inspect against full rule set. Use for audit workflows, code reviews, or when user requests review. Produces findings document with severity tags.
- ▌
- ▌
- ▌
- ▌ Git Workflow · irahardiantoGit conventions: conventional commits, branch naming, PR hygiene, release tagging.
- ▌
- ▌
- ▌
- ▌ Chaos Testing · irahardiantoControlled failure injection: hypothesis design, blast radius control, safety mechanisms, game day planning, and resilience verification.
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌ Mobile Design · irahardiantoDistinctive, production-grade mobile interfaces for Flutter/RN. Platform-native patterns, adaptive layouts, fluid motion. iOS/Android conventions.
- ▌
- ▌
- ▌
- ▌
- ▌
- ▌ Ml Engineering · irahardiantoML pipeline design, feature engineering, model training/serving, experiment tracking, model validation, and MLOps principles.
- ▌ CLI Development · irahardiantoCLI tool design, argument parsing, interactive prompts, shell completions, cross-platform considerations, and distribution strategies.
- ▌ CI CD Principles · irahardiantoCI/CD pipeline patterns: stages, Dockerfile, GitHub Actions, artifact management, environment promotion, rollback. Layered by deployment complexity.
- ▌ Data Engineering · irahardiantoData pipeline architecture, ETL/ELT patterns, data quality, batch vs stream processing, orchestration, and data governance principles.
- ▌ Embedded Systems · irahardiantoResource-constrained development, real-time patterns, interrupt handling, memory management, RTOS patterns, and hardware abstraction layers.
- ▌ API Documentation · irahardiantoOpenAPI 3.1 specification writing, request/response examples, error documentation, versioning, and interactive API portal patterns.
- ▌ Incident Response · irahardiantoStructured incident workflow: severity classification, triage, diagnosis, mitigation, postmortem, and prevention. Template-driven with blameless review.
- ▌
- ▌ Perf Optimization · irahardianto bundleProfile-driven performance optimization: methodology, pattern catalog, safety invariants, when-to-stop heuristics. Language-specific in languages/*.md.
- ▌
- ▌ Browser Automation · irahardiantoPlaywright browser automation via MCP. Covers E2E testing, UI review, web scraping, screenshot capture, and general browser interaction. MCP-first — CLI is fallback only.
- ▌ Debugging Protocol · irahardianto bundleStructured debugging: hypothesis generation, validation, root cause analysis. For complex bugs, flaky tests, intermittent failures.
- ▌
- ▌ Payment Integration · irahardiantoPCI DSS compliance, payment gateway integration, tokenization, webhook reliability, idempotency, fraud prevention, and subscription billing.
- ▌
- ▌ Refactoring Patterns · irahardiantoSafe refactoring pattern catalog: code smell taxonomy, transformation techniques, behavior preservation strategies, and metrics tracking.
- ▌ API Design Principles · irahardiantoREST/HTTP API design: resource naming, status codes, error formats, versioning, pagination.
- ▌ Parallel Dispatch Dag · irahardiantoConstructs, validates, and traverses a Directed Acyclic Graph (DAG) from scope cards for safe level-based parallel dispatch. Determines execution order via topological sort. Detects cycles and invalid dependencies.
- ▌
- ▌ Supply Chain Security · irahardiantoSBOM generation, CVE scanning, supply chain attack detection, license compliance, dependency pinning, and artifact verification.
- ▌
- ▌ CI CD Gitops Kubernetes · irahardiantoKubernetes deployment and GitOps patterns: rolling/blue-green/canary strategies, ArgoCD/Flux manifests, K8s secrets management. Supplement to ci-cd-principles.
- ▌ Parallel Dispatch Merge · irahardiantoSafe, sequential merge protocol for integrating N parallel worktree branches back into main. Defines merge ordering, quality gates between merges, conflict classification, and the updated worktree naming convention for multi-instance dispatches.
- ▌ Accessibility Principles · irahardiantoWCAG accessibility: semantic HTML, ARIA, keyboard nav, contrast, screen readers. For all user-facing interfaces.
- ▌ Feature Flags Principles · irahardiantoFeature flag patterns ONLY when PRD/arch requires. Flag evaluation, lifecycle, testing, infrastructure. Do NOT load speculatively.
- ▌
- ▌
- ▌ Database Design Principles · irahardiantoDatabase design: schemas, migrations, queries, indexes, transactions. Normalization, query optimization, migration safety.
- ▌ Parallel Dispatch Ownership · irahardiantoEnforces MECE file boundaries for parallel write-agents. Validates that no two writers share file access. Manages the contracts layer (shared reads) and integration sub-task patterns. The safety invariant that prevents merge chaos.
- ▌ Command Execution Principles · irahardiantoSafe command execution: input sanitization, timeout handling, output capture, error propagation. For spawning processes, shell commands, system calls.
- ▌ Data Serialization Principles · irahardiantoSerialization best practices: schema validation, encoding, versioning, backward compat, safe deserialization. JSON, YAML, Protobuf, MessagePack.
- ▌ Parallel Dispatch Decomposition · irahardiantoDecomposes broad tasks into MECE, parallelizable sub-tasks with explicit scope cards. Core skill for intra-domain parallel dispatch. Produces scope cards consumed by parallel-dispatch-dag, parallel-dispatch-ownership, and parallel-dispatch-merge skills.
- ▌ Resources And Memory Management · irahardiantoResource lifecycle patterns: files, DB connections, sockets, locks. RAII, defer/finally, pooling, graceful shutdown, leak prevention.
- ▌ Dependency Management Principles · irahardiantoDependency management: version pinning, vulnerability scanning, dependency hygiene. go.mod, package.json, Cargo.toml, pubspec.yaml.
- ▌ Monitoring And Alerting Principles · irahardiantoHealth checks, metrics instrumentation (RED/USE), error tracking, graceful degradation. Prometheus, probes, alert thresholds.
- ▌ Configuration Management Principles · irahardiantoConfig management patterns: env vars, config files, settings structs, secrets injection. Validation, layering, fail-fast, twelve-factor.
- ▌ Performance Optimization Principles · irahardiantoPerformance principles: measure-first methodology, data structures, caching, batching, when to stop. For hands-on profiling, use perf-optimization skill.
- ▌ Concurrency And Threading Principles · irahardiantoConcurrency/parallelism patterns: race prevention, deadlock avoidance, message passing, async/channels/mutexes/worker pools.
- ▌ Logging And Observability Principles · irahardiantoStructured logging and observability patterns: log levels, structured fields, correlation IDs, language-specific logger setup.