Skill UI

Classify ECC skills, commands, rules, hooks, and extras into DAILY vs LIBRARY buckets by using repo-specific evidence so the install surface matches only the components a project actually needs.

This skill guides the construction of new API connectors or providers by strictly adhering to the host repository's established integration patterns. It is specifically designed for scenarios where a new integration surface is needed, rather than just using a generic HTTP client. Key considerations include matching the connector layout, configuration schema, authentication model, error handling, testing style, and registry wiring to ensure the new component feels native to the codebase.

Craft production-ready frontend pages, dashboards, or components with a clear visual point of view; focus on typography, color, motion, and layout so the experience feels intentional instead of generic.

Guides designing stable, well-documented interfaces for APIs, module boundaries, and component props to make correct usage easy and inadvertent mistakes difficult.

Guides building production-ready user interfaces with thoughtful component architecture, consistent spacing, typography, color, and accessibility standards while avoiding generic AI aesthetics and over-configured patterns.

Generates Stitch-friendly DESIGN.md blueprints that encode premium anti-slop UI rules—color calibration, typography, layouts, motion, and component behaviors—so agents can produce high-agency screens for Google Stitch.

This skill provides robust mechanisms to verify the integrity of AI agent plugins, tools, and dependencies. It generates deterministic SHA-256 manifests (INTEGRITY.json) for all components, allowing users to detect unauthorized modifications, track provenance, and ensure that deployed assets match their published versions. Use this during CI/CD pipelines, code review, and pre-production promotion to secure the entire agent ecosystem.

This advanced prompt acts as a structured guide for generating comprehensive, enterprise-grade technical implementation plans. It forces the detailed breakdown of a feature based on a PRD, covering system architecture (Mermaid diagrams), database schema design, API specifications, frontend component hierarchy, and deployment strategies, all while adhering to a monorepo structure. Ideal for large-scale SaaS development.

This skill utilizes Rube MCP to automate various HelpDesk operations. It provides read-only access to list, browse, and inspect critical components, including support tickets (with advanced cursor-based pagination), agent-defined views, canned response templates, and custom field definitions. Ideal for building sophisticated support workflows and data retrieval processes.

This skill teaches users to apply the scientific method to software debugging. Instead of random changes, it guides the process through five steps: Observation, Hypothesizing, Prediction, Testing, and Analysis. By systematically forming and testing specific, measurable hypotheses, users can efficiently isolate failing components and confirm the true root cause of technical issues.

This comprehensive guide outlines best practices for writing robust JavaScript and TypeScript unit tests using the Jest framework. It covers essential topics including proper test structure, effective dependency mocking strategies (using jest.mock and jest.spyOn), handling asynchronous code, implementing snapshot testing, and modern techniques for testing React components with React Testing Library. It also provides a detailed reference of common Jest matchers.

This guide details the process of implementing internationalization (i18n) in a Next.js application using the next-intl library. It provides step-by-step instructions on adding new languages, covering translation updates, configuring routing, modifying middleware, and updating UI components to ensure complete multi-language support.