Agent Skills by Phan Tien Dung
Showing 37 vetted skills indexed across 1 GitHub repositories.
react-patterns
Guide React component design, hook patterns, and state management selection.
ui-ux-pro-max
Generate design systems for web and mobile applications with styles, palettes, and font pairings.
frontend-dev-guidelines
Provides React and TypeScript frontend development guidelines and best practices.
senior-frontend
Scaffold React components and analyze bundle sizes with NextJS and TypeScript.
backend-dev-guidelines
Guide Node.js, Express, and TypeScript microservice development with layered architecture and patterns.
system-architect
Design system architecture with tech stack selection and NFR coverage.
mermaid-diagrams
Generate software diagrams from text using Mermaid's syntax.
postgres-patterns
Provide PostgreSQL guidance for query optimization, indexing, and Row Level Security.
ux-designer
Design user experiences with wireframes, user flows, and WCAG 2.1 AA compliance.
web-design-guidelines
Review UI code for compliance with Web Interface Guidelines and accessibility best practices.
figma-implement-design
Translate Figma designs into production-ready code with visual fidelity.
product-manager
Create PRDs and tech specs with MoSCoW, RICE, and Kano prioritization.
backend-patterns
Provide backend architecture patterns for Node.js, Express, and Next.js applications.
react-useeffect
Guide React developers on useEffect best practices and anti-patterns.
supabase-postgres-best-practices
Optimize Supabase PostgreSQL queries, schemas, and Row-Level Security policies.
project-planner
Breaks down complex projects into actionable tasks with timelines, dependencies, and milestones using markdown output.
strategy-advisor
Evaluate business options and formulate strategic recommendations.
react-dev
Provide TypeScript patterns for type-safe React 18-19 applications.
architecture
Analyze requirements, evaluate trade-offs, and document architectural decisions in ADR format.
senior-backend
Builds scalable backend systems with NodeJS, Express, Go, Python, and PostgreSQL.
firebase
Set up Firebase projects with authentication and Firestore enabled.
figma
Translate Figma designs into React and Tailwind code via the Figma MCP server.
backend-to-frontend-handoff-docs
Generate structured API handoff documentation from backend code.
git-pushing
Stage, commit, and push git changes with conventional commit messages.