Claude Skills by CongDon1207

React component library skill for shadcn/ui + Tailwind CSS. Use for React/Next.js/Vite projects needing accessible UI components (dialogs, forms, tables, navigation), Radix UI primitives, Tailwind utility styling, theming, and dark mode. NOT for Angular projects - see frontend-angular-* skills. Triggers on "shadcn", "radix ui", "react components", "tailwind components". For design decisions (styles, palettes, fonts), use ui-ux-pro-max instead.

Use when diagnosing bugs, analyzing errors/stack traces, or performing root cause analysis with evidence-based debugging protocols.

Use when reviewing code changes, pull requests, or performing refactoring analysis with focus on patterns, security, and performance.

Use when creating or updating technical documentation, API documentation, or inline code documentation.

Use when implementing new features or enhancements requiring multi-layer changes (Domain, Application, Persistence, API, Frontend).

Use when updating specifications, comparing branches, or ensuring documentation reflects current implementation.

Use when creating or enhancing unit tests, integration tests, or defining test strategies for backend and frontend code.

Use when the user asks to generate test cases, create test specifications, write unit tests, create QA documentation, or analyze test coverage. Triggers on keywords like "test", "test case", "unit test", "QA", "coverage", "Given When Then", "BDD", "TDD", "spec".

Create or update EasyPlatform test specifications in docs/test-specs/{Module}/. Use when asked to create test specs, write test cases, document test scenarios, or generate Given-When-Then specifications. Triggers on "test specs", "test specifications", "test cases", "test scenarios", "QA documentation", "Given-When-Then".

Build immersive 3D web experiences with Three.js - WebGL/WebGPU library for scenes, cameras, geometries, materials, lights, animations, loaders, post-processing, shaders (including node-based TSL), compute, physics, VR/XR, and advanced rendering. Use when creating 3D visualizations, games, interactive graphics, data viz, product configurators, architectural walkthroughs, or WebGL/WebGPU applications. Covers OrbitControls, GLTF/FBX loading, PBR materials, shadow mapping, post-processing effect...

World-class data engineering skill for building scalable data pipelines, ETL/ELT systems, and data infrastructure. Expertise in Python, SQL, Spark, Airflow, dbt, Kafka, and modern data stack. Includes data modeling, pipeline orchestration, data quality, and DataOps. Use when designing data architectures, building data pipelines, optimizing data workflows, or implementing data governance.

Consultative UI/UX planning workflow that forces design discussion and explicit approval before implementation. Use when users ask to design, redesign, improve, or build UI and want to explore style directions, color systems, typography, and project-fit tradeoffs first. Run UI optioning with ui-ux-pro-max, then implement only after approval; use frontend-design and frontend-development as secondary skills after direction is locked.