Skill UI

Automated Frontend Development assistant that guides bundle size analysis, optimization best practices, and production-ready code/config setup for React, Vue, CSS, and performance workflows.

This skill functions as an expert in workflow automation, specializing in designing and implementing robust CI/CD pipelines and GitHub Actions workflows. It guides users through automating the entire development lifecycle—from building and testing to secure deployment. By establishing clear stages, handling secrets, and defining rollback strategies, it ensures consistency, reduces manual effort, and accelerates delivery while maintaining high quality and security standards.

This advanced skill analyzes an existing codebase to identify architectural patterns, dependencies, and technical stacks. It recommends tailored Claude Code automations—including Hooks, Subagents, Skills, Plugins, and MCP Servers—to optimize development workflows, improve code consistency, and enhance overall project scalability. Use this when setting up a new project or looking to refine existing Claude Code configurations.

Establishes a complete local development loop for building and thoroughly testing Clay integrations. This setup allows developers to simulate the full data flow: pushing test data via webhooks, allowing Clay to perform cloud-based enrichment, and finally receiving the enriched results back to a local endpoint (via ngrok). Ideal for iterative development of data pipelines and webhooks.

A comprehensive guide to configuring SaaS integrations (like Clay) across development, staging, and production environments. This skill outlines best practices for maintaining environment isolation by using separate tables, managing unique webhook URLs, and implementing environment-aware code guards to prevent data leakage and ensure system stability during deployment.

This skill provides comprehensive guidelines based on Clean Code principles, transforming merely functional code into highly readable, maintainable, and robust software. It covers best practices for naming conventions, function design (small, single responsibility), error handling (exceptions over return codes), formatting, and adhering to Test-Driven Development (TDD). Use this skill when writing new features, reviewing pull requests, or refactoring legacy systems to improve overall code quality.

This guide provides a comprehensive workflow for configuring a local development environment using Clerk authentication. It covers setting up test keys, seeding test users, configuring hot reloading, and mocking authentication for unit tests, ensuring a robust and isolated development experience.

A comprehensive guide to configuring Clerk for multiple environments (development, staging, production). This setup ensures secure key separation, implements environment-aware configuration logic, and provides best practices for integrating robust key validation and CI/CD deployment pipelines.

A comprehensive workflow designed to orchestrate the entire lifecycle of large-scale features, from initial requirement gathering and architectural design through multi-service implementation, rigorous testing, and modern deployment strategies (e.g., canary, blue-green). Use this skill when coordinating complex, cross-functional feature delivery across frontend, backend, and data teams, ensuring quality and consistency at every phase.

This skill covers the end-to-end development of cross-browser extensions (Chrome, Firefox). Expertise includes mastering Manifest V3, structuring complex architecture (service workers, content scripts), managing local/sync storage, building user interfaces, and implementing monetization models. Ideal for building robust, production-ready tools and navigating store publishing policies.

This expert skill analyzes codebases to identify, quantify, and prioritize all forms of technical debt—including code complexity, architectural flaws, outdated dependencies, and testing gaps. It calculates the measurable impact of this debt on development velocity, bug rates, and overall business risk. The output provides a comprehensive, actionable, and ROI-driven roadmap for systematic remediation.

This comprehensive checklist provides a systematic framework for conducting thorough code reviews. It covers critical areas including functionality, security vulnerabilities, performance optimization, and overall code maintainability. Use it when reviewing pull requests, conducting code audits, or standardizing team development practices.