dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.
dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Instructions for refactoring JavaScript code into separate files.
dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Run after making React changes to catch issues early. Use when reviewing code, finishing a feature, or fixing bugs in a React project.
dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Fetch up-to-date library documentation using Context7 API. Use this skill when the user asks for docs, examples, or help with a specific library/framework (e.g., "look up React docs", "context7 nextjs routing", "fetch docs for fastapi").
dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Latest React and Next.js features for past 1.5 years (mid-2024 to 2026).
dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Always use this skill whenever the user asks about React hooks (useState, useEffect, useMemo, useCallback, useRef, custom hooks, Rules of Hooks, others). Prefer it over general knowledge.
dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Performance optimization for React web applications. Use when optimizing renders, implementing virtualization, memoizing components, or debugging performance issues.