Skill UI

This guide details how to configure the Speak language learning platform across multiple environments (dev, staging, production). It is essential for implementing robust SaaS deployments, ensuring that separate API keys, mock modes, and environment variables are correctly managed for seamless development and operational management.

Automates styled components helper tasks within frontend development, activating on related mentions to offer guidance, best practices, production-ready code, and validation tailored for React, Vue, and modern CSS workflows.

This comprehensive guide details the complete workflow for setting up and maintaining a local Supabase development environment. It utilizes Docker and the Supabase CLI to run the entire full-stack service (Postgres, Auth, Storage, etc.) locally. It guides developers through initialization, creating version-controlled migrations using diff, seeding data, and performing clean database resets, ensuring local iteration accurately mirrors production capabilities.

This skill guides the setup of a robust, multi-environment architecture for Supabase, ensuring complete data isolation between development, staging, and production projects. It covers best practices for managing separate environment-specific secrets, safe database migration promotion (db push), environment-aware client initialization, and implementing safeguards to prevent accidental cross-environment operations in production. Essential for scaling SaaS applications.

This skill translates complex business requirements and specification documents into a complete, production-ready Postgres schema for Supabase. It covers the full development lifecycle, including entity extraction, defining robust tables with constraints, generating migration SQL files, implementing Row Level Security (RLS) policies, and producing corresponding TypeScript types. It is the foundational step for building any robust SaaS application on Supabase.

A detailed, multi-phase workflow that strictly enforces the Test-Driven Development (TDD) discipline using the Red-Green-Refactor cycle. This guide covers the entire software development lifecycle, from test specification and architecture design to minimal implementation, rigorous refactoring, and comprehensive integration testing. It mandates high code and test coverage (e.g., 80% line coverage) to ensure robust, maintainable, and high-quality production code.

This expert skill specializes in guiding comprehensive GitHub issue resolution. It covers systematic bug investigation, feature implementation, and collaborative development workflows. Expertise includes issue triage, root cause analysis, test-driven development, and professional pull request management, ensuring vague reports are transformed into production-ready code following modern CI/CD practices.

This skill provides a comprehensive collection of quick-start templates for developing applications across diverse tech stacks. Users can quickly scaffold full-stack web apps (Next.js), SaaS products, REST APIs (Express, FastAPI), mobile apps (Flutter, React Native), and specialized tools like CLI utilities. It ensures the initial project setup adheres to modern best practices, saving significant time during the initial development phase.

This comprehensive workflow provides a complete cycle of quality assurance for software development. It covers every stage from defining the test strategy (TDD, Unit Testing) through integration, E2E testing, browser automation, performance profiling, security scanning, and final code review. Use this when setting up robust testing infrastructure or ensuring production-ready software quality.

This skill generates code to create complex, interactive 3D scenes and visualizations on the web using the Three.js library and WebGL. It covers the entire development lifecycle, including setting up the core components (Scene, Camera, Renderer), defining geometry, applying materials, adding lighting, and implementing animation loops. Ideal for web developers needing to display product mockups, scientific data visualizations, or immersive user experiences.

Configure the TwinMind AI platform across development, staging, and production environments. This setup ensures secure separation of accounts and manages API keys for robust meeting AI operations, supporting enterprise features like on-premise deployment and SSO integration.

This comprehensive toolkit guides senior UX designers and researchers through the entire product development lifecycle. It covers generating data-backed personas, mapping user journeys, planning structured usability tests, and synthesizing raw research data into actionable design recommendations. Use it when conducting deep user research or validating product designs.