Agent skill

dev-expert

Development patterns for React, Vue, Laravel, Next.js, React Native - state management, forms, API integration

Stars 14
Forks 2

Install this agent skill to your Project

npx add-skill https://github.com/nguyenthienthanh/aura-frog/tree/main/aura-frog/skills/dev-expert

SKILL.md

Skill: Dev Expert

Category: Reference Skill Used By: All development agents


Framework-Specific Patterns

For framework-specific patterns, use the auto-invoking expert skills:

toon
expert_skills[8]{skill,triggers}:
  react-expert,React/JSX/hooks
  vue-expert,Vue/Composition API/Pinia
  react-native-expert,React Native/Expo/mobile
  nextjs-expert,Next.js/App Router/SSR
  laravel-expert,Laravel/PHP/Eloquent
  nodejs-expert,Node.js/Express/NestJS
  angular-expert,Angular/NgRx/RxJS
  flutter-expert,Flutter/Dart/widgets

Generic Patterns (This Skill)

toon
patterns[3]{file,purpose}:
  state-management.md,Zustand/Redux/Pinia patterns
  form-handling.md,Form validation + submission
  api-integration.md,API calls + error handling + caching

When to Use

  • Phase 3 (Build GREEN) - Generic coding patterns
  • State management decisions (cross-framework)
  • API integration patterns (cross-framework)
  • Form handling patterns (cross-framework)

Quick Reference

toon
state_types[3]{type,use_when,solution}:
  Local state,Component-specific UI,useState/ref
  Global state,Shared app state,Zustand/Pinia/Redux
  Server state,API data,TanStack Query/SWR/RTK Query

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results