Dat Tran
Community@tranvantiendat
Dat Tran's skill registry covers OpenSpec change management, UI/UX design systems, SEO auditing, and frontend development with React, Tailwind, and Strapi.
Agent Skills by Dat Tran
Showing 25 vetted skills indexed across 2 GitHub repositories.
TranVanTienDatwriting-documentation-with-diataxis
Creates and reviews technical documentation using the Diataxis framework's four document types.
TranVanTienDatskill-creator
Create, evaluate, and iteratively improve Claude skills with benchmarked test runs.
TranVanTienDatopenspec-propose
Generates complete OpenSpec change proposals with design, specs, and task artifacts.
TranVanTienDatui-ux-pro-max
Generates design system recommendations and searches UI/UX guidelines via a BM25-powered CLI.
TranVanTienDatgit-commit
Generates Conventional Commits messages by analyzing git diffs and staging changes.
TranVanTienDatstitch-design
Generates and edits high-fidelity UI screens through Stitch MCP with prompt enhancement and design system synthesis.
TranVanTienDatseo-audit
Diagnose technical, on-page, and content SEO issues and produce prioritized audit reports.
TranVanTienDatcontext7
Fetches up-to-date library documentation and code examples via the Context7 API.
TranVanTienDatshadcn-ui
Implements accessible React UI components using shadcn/ui, Radix UI, and Tailwind CSS.
TranVanTienDatfrontend-design
Generate production-quality frontend interfaces with distinctive typography, color, layout, and motion design.
TranVanTienDatstitch-loop
Generates website pages iteratively using Stitch MCP tools through a baton-passing loop pattern.
TranVanTienDatseo
Implements technical SEO, on-page optimization, and structured data for web pages.
TranVanTienDattailwind-design-system
Builds scalable design systems with Tailwind CSS v4, design tokens, and component variants.
TranVanTienDatapollo-client
Implement GraphQL data fetching in React applications using Apollo Client 4.x.
TranVanTienDatstrapi-v5-expert
Generates Strapi v5 backend code using official documentation and Document Service API rules.
TranVanTienDatopenspec-apply-change
Implement tasks from an OpenSpec change using the openspec CLI.
TranVanTienDatopenspec-explore
Explores ideas, investigates codebases, and clarifies requirements before creating OpenSpec change proposals.
TranVanTienDatopenspec-verify-change
Verify change implementations against openspec artifacts for completeness and correctness.
TranVanTienDatopenspec-new-change
Start a new OpenSpec change by selecting a schema and creating artifacts.
TranVanTienDatopenspec-archive-change
Archive completed OpenSpec changes after verifying artifact and task completion.
TranVanTienDatopenspec-onboard
Guide users through OpenSpec onboarding with real codebase exploration.
TranVanTienDatopenspec-bulk-archive-change
Archive completed code changes and resolve spec conflicts via openspec CLI.
TranVanTienDatopenspec-continue-change
Generate the next OpenSpec artifact for a change using the openspec CLI.
TranVanTienDatopenspec-sync-specs
Sync delta specifications to main specifications using the openspec CLI.
Frequently Asked Questions About Dat Tran
FAQPage SchemaWhat tasks can I accomplish with Dat Tran's skill collection?▼
You can manage the full OpenSpec change lifecycle (propose, apply, verify, archive, sync specs), generate Conventional Commits messages, build UI with Tailwind/shadcn/ui and Stitch design screens, run SEO audits, write Diataxis documentation, and integrate Apollo Client GraphQL or Strapi v5 backends.
Who should use these skills?▼
Frontend engineers building React, Next.js, Vue, or mobile interfaces; developers practicing specification-driven development with OpenSpec; and site owners diagnosing SEO ranking, indexing, or Core Web Vitals problems benefit most from this registry.
What are the prerequisites and dependencies?▼
OpenSpec skills require the openspec CLI installed. Apollo Client skills require React 18+ or React 19 and work with Next.js, Vite, or CRA. Stitch design skills require Stitch MCP access, and git-commit requires Bash shell access.
Are these skills open-source and what licenses apply?▼
Most skills are MIT licensed, including the OpenSpec suite, git-commit, seo, and apollo-client. The frontend-design skill uses Apache 2.0 and is derived from Anthropic's original skill with attribution in NOTICE.md.
How do the UI/UX design skills work in practice?▼
The ui-ux-pro-max skill provides 50+ styles, 161 color palettes, and 57 font pairings across 10 platforms including React, Flutter, and SwiftUI. Tailwind-design-system builds scalable token-based component libraries, while stitch-design generates high-fidelity screens via Stitch MCP.