Development

internal-comms @ZhanlinCui

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to...

Internationalizing Websites @ZhanlinCui

Adds multi-language support to Next.js websites with proper SEO configuration including hreflang tags, localized...

receiving-code-review @ZhanlinCui

Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or...

requesting-code-review @ZhanlinCui

Use when completing tasks, implementing major features, or before merging to verify work meets requirements

systematic-debugging @ZhanlinCui

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes

test-driven-development @ZhanlinCui

Use when implementing any feature or bugfix, before writing implementation code

ui-ux-pro-max @ZhanlinCui

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue,...

using-git-worktrees @ZhanlinCui

Use when starting feature work that needs isolation from current workspace or before executing implementation plans...

vercel-react-best-practices @ZhanlinCui

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when...

web-design-guidelines @ZhanlinCui

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility",...

webapp-testing @ZhanlinCui

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend...

writing-plans @ZhanlinCui

Use when you have a spec or requirements for a multi-step task, before touching code

accessibility_testing @vuralserhat86

Guide for conducting comprehensive accessibility audits of code to identify WCAG compliance issues and barriers to...

code_formatter @vuralserhat86

Otomatik kod formatlama, Prettier/ESLint entegrasyonu ve kod stil tutarlılığı rehberi.

code_review @vuralserhat86

PR review, code smell detection, best practice kontrolü. ⚠️ Kod incelerken kullan. Deliverable kontrolü için →...

debugging_methodology @vuralserhat86

Sistematik debugging döngüsü - reproduce, isolate, hypothesize, fix.

debugging_tools @vuralserhat86

Debugging araçları - console, debugger, network, profiling.

docs_code @vuralserhat86

Code comments, JSDoc/TSDoc ve changelog best practices.

figma_integration @vuralserhat86

Figma design-to-code, design system extraction ve component generation rehberi.

form_builder @vuralserhat86

Builds form components and data collection interfaces including contact forms, registration flows, checkout...

git_workflow @vuralserhat86

Branch stratejisi, commit conventions, merge conflict çözümü ve Git best practices rehberi.

github_project_automation @vuralserhat86

Comprehensive GitHub project management with swarm-coordinated issue tracking, project board automation, and sprint planning

hypothesis_generation @vuralserhat86

Bilimsel hipotez oluşturma, deney tasarımı ve test metodolojisi rehberi.

mobile_react_native @vuralserhat86

React Native best practices, hooks, navigation ve performance optimization.