Building complex artifacts with raw HTML is slow and limited. This skill provides a complete development environment with React, Tailwind CSS, and 40+ pre-built shadcn/ui components. Initialize a project, develop with modern tools, and bundle everything into a single portable HTML file.

Transform vague requirements into clear system designs. Use EventStorming methodology to create navigable design catalogs with Mermaid diagrams.

Understanding large codebases requires time and effort. CodeConscious provides an autonomous cognitive assistant that builds persistent memory across sessions, enabling deep code exploration, pattern recognition, and continuous learning from project history.

Traditional text search misses code structure. AST-Grep finds and transforms code using syntax-aware patterns that understand your code's meaning. It searches by AST structure rather than plain text, enabling precise code analysis and large-scale refactoring.

Developers waste time switching between disconnected development tools. This toolkit seamlessly integrates 8 custom AI tools with 10+ popular CLI utilities like ripgrep and jq through a unified discovery system.

Managing multiple git branches can clutter your main working directory and make context switching difficult. This skill provides a structured approach to creating isolated git worktrees that let you work on multiple features simultaneously without interference.

TypeScript strict mode catches bugs at compile time that would cause runtime errors. This skill helps you configure and enforce strict type checking for safer, more reliable code.

Writing tests after code leads to gaps and missed edge cases. This skill provides a structured TDD workflow with RED-GREEN-REFACTOR cycles, real implementation testing without mocking, and E2E validation using Playwright.

Bug fixes often fail when they only address symptoms. This four-phase debugging framework ensures you understand the root cause before attempting solutions. Reduces debugging time and prevents recurring issues.

Managing complex implementation plans with multiple subagents is challenging. This skill provides structured templates and workflows to coordinate subagents with built-in code review checkpoints.

Poor architecture leads to technical debt and difficult maintenance. This skill provides SOLID principles and Clean Architecture patterns to help you build maintainable, testable systems from the start.

Code changes can break things and be hard to reverse. This skill automatically creates backups, saves change diffs, and enforces modular code structure before every edit. Your code stays safe and reversible.

Poor Core Web Vitals hurt user experience and SEO rankings. This skill provides clear guidelines, code examples, and checklists to achieve optimal LCP, INP, and CLS scores for better user engagement.

Hardcoded values create maintenance nightmares and security risks. This skill helps Claude Code detect and refactor magic numbers, hardcoded strings, URLs, and credentials into properly organized constants and environment variables.

Building custom MCP servers requires understanding protocol architecture, transport options, and tool definition patterns. This skill provides structured guidance for creating production-ready MCP servers that connect Claude to external services and APIs.

Long code files are hard to maintain and understand. This skill automatically checks line counts and helps you split oversized files into manageable, well-organized modules. Keep your codebase clean and navigable.

Developers struggle with inconsistent commit messages and branch naming conventions. This skill provides standardized Git workflows including conventional commits, branch strategies, and pre-completion verification checklists to ensure clean, traceable code changes.

Complex implementation plans often lead to errors when executed all at once. This skill breaks plans into controlled batches with mandatory review checkpoints, ensuring safe incremental progress with architectural oversight.

Poor error handling leads to silent failures, frustrated users, and hard-to-debug issues. This skill provides patterns and best practices for robust error handling in async code, API calls, and React components.

This skill streamlines the code review process from both perspectives. It provides templates for creating effective PRs and guidelines for responding to reviewer feedback constructively.