Hoàng Văn Anh Nghĩa
Community@nghyane
Software Engineer · Rust, Go, TypeScript · Backend & AI-Assisted Development
Agent Skills by Hoàng Văn Anh Nghĩa
Showing 24 vetted skills indexed across 1 GitHub repositories.
nghyanedev-sect
Simulates a multi-persona discussion panel that debates and reviews code from several expert perspectives.
nghyanemobile-ui-patterns
Implements React Native UI components using design tokens, depth cards, and safe area patterns.
nghyanemobile-data-patterns
Implements TanStack Query, Zustand, and API client patterns for React Native data layers.
nghyanecommit-push
Enforces Conventional Commits format, branch naming rules, and pre-commit checks for Git workflows.
nghyanemobile-navigation
Implements Expo Router navigation patterns including tabs, focus mode, safe areas, and gestures.
nghyanemobile-learner-flow
Guides implementation of learner features in a React Native Expo app mirroring web frontend and Laravel API contracts.
nghyanemobile-exam-flow
Implements VSTEP exam session flow with device checks, timed sections, and submission in React Native.
nghyanemobile-practice-flow
Implements React Native practice session flows for Listening, Reading, Writing, and Speaking exercises.
nghyanemobile-anti-patterns
Reviews React Native and Expo code for common anti-patterns during debugging and code review.
nghyanemobile-audio-video
Implements audio playback, recording, and text-to-speech in Expo React Native apps.
nghyanemobile-state-patterns
Implements TanStack Query, useReducer, and Zustand state patterns for React Native apps.
nghyanemobile-file-organization
Defines folder structure, naming conventions, and export rules for Expo Router mobile apps.
nghyanemobile-expo-safety
Enforces Expo dependency, Metro config, and build-check rules for React Native development.
nghyanebackend-integration
Guides backend API modifications in a Laravel backend from a frontend development context.
nghyanelayout-patterns
Defines app shell, sidebar, header, and focus mode layout conventions for React pages.
nghyanechart-patterns
Defines SVG chart specifications for radar, grouped bar, and heatmap dashboard visualizations.
nghyanecomponent-patterns
Enforces UI component rules for type safety, styling tokens, icons, and context providers in React.
nghyanefile-organization
Defines folder structure, naming conventions, and export rules for React frontend codebases.
nghyaneui-design-system
Defines visual style, color tokens, and typography rules for building UI components.
nghyanetanstack-query
Implements TanStack Query patterns for server state, caching, and route loaders in React.
nghyanetypescript
Enforces TypeScript strict-mode typing, naming conventions, and code style rules for React projects.
nghyanerfc
Creates, updates, and implements RFC documents for cross-cutting frontend UI changes.
nghyanedesign-system
Applies Duolingo-style design tokens, Tailwind patterns, and component rules to React UI code.
nghyanerefactor
Analyzes and refactors frontend codebases for structure, consistency, and dead code issues.
Frequently Asked Questions About Hoàng Văn Anh Nghĩa
FAQPage SchemaWhat tasks can I accomplish with nghyane's skills?▼
You can build React Native/Expo mobile features including learner flows (auth, onboarding, dashboard, practice, exam, grading), VSTEP exam sessions with audio, SVG dashboard charts, design-system components, and TanStack Query data layers, plus enforce TypeScript, Git commit, and refactoring conventions.
Who are these skills designed for?▼
Frontend and mobile engineers working on a TypeScript React Native/Expo codebase—specifically a Duolingo-style English learning app with VSTEP exam format—who need consistent patterns for navigation, state, UI tokens, and backend API integration.
How do the skills load during development?▼
Each skill is context-triggered: load mobile-ui-patterns when editing components, mobile-expo-safety before adding dependencies or on build errors, commit-push before any commit, and mobile-learner-flow before coding learner features. The ui-design-system skill also auto-applies via globs on src/components, src/routes, and styles.css.
What are the prerequisites and dependencies?▼
The skills assume an Expo Router project (mobile-v2) with expo-av and expo-speech for media, TanStack Query and Zustand for state, Tailwind-based design tokens on the web frontend, and a companion backend (apps/backend-v2) whose endpoints follow the backend-integration rules.
Do the skills cover code quality and review?▼
Yes. The mobile-anti-patterns skill lists React Native/Expo mistakes for code review and debugging, the refactor skill analyzes structure and removes dead code, the typescript skill enforces type conventions, and the rfc skill formalizes cross-cutting UI changes before implementation.