tungpsit

tungpsit/haki-skills

Skill Claude CodeCodex

Use when setting up, writing, or running API integration tests. Vitest + fetch, manual assertions, seed data from JSON. TypeScript only.

tungpsit/haki-skills

Skill Claude CodeCodex

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

tungpsit/haki-skills

Skill Claude CodeCodex

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

tungpsit/haki-skills

Skill Claude CodeCodex

Use when initializing a new project, choosing a tech stack, or adding a library — automatically fetches the latest docs and versions via Context7 MCP before writing any install commands or config files.

tungpsit/haki-skills

Skill Claude CodeCodex

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies.

tungpsit/haki-skills

Skill Claude CodeCodex

Use when you have a written implementation plan to execute in a separate session with review checkpoints.

tungpsit/haki-skills

Skill Claude CodeCodex

Design UI layouts, screen navigation flows, and FE documentation. Use when you need to specify layout zones, wireframes, component inventory, or navigation flows for frontend developers.

tungpsit/haki-skills

Skill Claude CodeCodex

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

tungpsit/haki-skills

Skill Claude CodeCodex

Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output.

tungpsit/haki-skills

Skill Claude CodeCodex

Use when setting up, writing, or running E2E tests with Playwright. Covers project init, Page Object Model, test patterns, and CI/CD integration. TypeScript only.

tungpsit/haki-skills

Skill Claude CodeCodex

Convert short Vietnamese product-test prompts into a single Playwright + TypeScript spec file under tests/. Keep the spec aligned with an existing page-object-model codebase: the spec may instantiate and call page objects, but must not invent new page object implementations or leak locator logic into the test unless…

tungpsit/haki-skills

Skill Claude CodeCodex

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.

tungpsit/haki-skills

Skill Claude CodeCodex

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

tungpsit/haki-skills

Skill Claude CodeCodex

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

tungpsit/haki-skills

Skill Claude CodeCodex

Use when executing implementation plans with independent tasks in the current session.

tungpsit/haki-skills

Skill Claude CodeCodex

Spawn a full software development team as parallel subagents, each with specialized roles and haki skills. Supports both greenfield and brownfield projects. Produces structured reports for tracking and review.

tungpsit/haki-skills

Skill Claude CodeCodex

Orchestrate a product team of specialized subagents to transform raw ideas into approved design specs and implementation plans — ready to hand off to swarm-dev-team for execution. Supports both greenfield and brownfield projects.

tungpsit/haki-skills

Skill Claude CodeCodex

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes.

tungpsit/haki-skills

Skill Claude CodeCodex

Reference research directory for design taste topics. Not a skill — see README.md for topic index.

tungpsit/haki-skills

Skill Claude CodeCodex

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

tungpsit/haki-skills

Skill Claude CodeCodex

Use when implementing any feature or bugfix, before writing implementation code.

tungpsit/haki-skills

Skill Claude CodeCodex

AI-powered design intelligence with searchable databases of UI styles, color palettes, font pairings, chart types, and UX guidelines.

tungpsit/haki-skills

Skill Claude CodeCodex

Generate end-user documentation for project modules. Creates visual guides with screenshots, Mermaid flow diagrams, step-by-step instructions, field references, and FAQ sections.

tungpsit/haki-skills

Skill Claude CodeCodex

Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always.