Skill UI

A comprehensive template designed to structure complex technical specifications, ensuring a complete record of engineering decisions. It guides users to document problem statements, proposed solutions, system architecture, data models, API designs, security considerations, and rollout plans, bridging product requirements and technical implementation.

A comprehensive guide for designing and implementing 3D user interfaces across web, mobile, and cross-platform environments. Learn core principles like perspective transformations, Z-axis depth, and interactive rotation to build visually stunning, spatially immersive, and highly engaging product experiences.

This workflow helps developers quickly build throwaway prototypes to answer specific design or functionality questions. It can generate interactive terminal applications to test complex state/business logic, or create multiple radically different UI variations toggleable from a single view, allowing for rapid validation of ideas before committing to production code.

A portable CI gate designed to enforce Core Web Vitals (LCP, CLS, INP) budgets and category score floors on production frontend builds. It integrates into CI pipelines to automatically block pull requests if the performance metrics fall below defined Google standards, ensuring consistently fast and reliable user experiences.

A portable, framework-agnostic system designed for robust field-side observability in React or React Native apps. It establishes a strongly typed event taxonomy, ensures best-effort, non-blocking data fan-out across multiple analytics providers, and enforces consent gates for all telemetry data. This system complements synthetic testing by capturing real user vitals (LCP, INP, CLS) and behavioral events in production.

This skill is designed to identify subtle and complex logic bugs within a single code file or function. It employs a semi-formal execution tracing methodology, systematically breaking down the suspected bug into five stages: Premises (expected state), Trace (execution path), Divergence (actual deviation), Trigger (reproduction case), and Remedy (fix). It is ideal for scenarios where users suspect code is wrong but cannot specify a concrete failure point.

This skill covers the principles of building Software Development Kits (SDKs) that provide an exceptional developer experience (DX). Learn how to design intuitive APIs, utilize progressive disclosure, establish sensible defaults, and implement actionable, guiding error messages. The focus is on driving product adoption by making the developer's workflow seamless and productive. Ideal for product managers, technical leads, and API designers.

A sophisticated presentation template designed for technical content, mimicking the clean, professional aesthetic of GitHub blogs or product changelogs. It features a dark GitHub-dark background, vibrant purple and blue radial ambient lighting, a multi-color gradient title, and dedicated GitHub-style code blocks. Perfect for tech talks, deep-dive tutorials, and developer documentation.

This guide outlines the architecture and implementation steps for building a robust, production-ready design system. It covers core elements like design tokens, reusable components, and layout patterns. Ideal for teams needing to maintain design consistency, ensure accessibility, and synchronize design (Figma) with implementation (Storybook).

A comprehensive multi-agent feedback loop inspired by Generative Adversarial Networks (GANs), designed to build complex, production-ready applications. It separates generation from evaluation, using a 'ruthlessly strict' evaluator (QA) to drive continuous iteration. This process ensures high design quality, robust functionality, and originality, overcoming the limitations of single-agent self-critique. Ideal for full-stack feature development and complex product specification implementation.

A comprehensive guide to production-level Laravel architectural patterns. It details best practices for structuring scalable web applications and APIs, covering service layers, dedicated actions, Eloquent ORM modeling, resource design, queue management, and advanced routing techniques like scope bindings. Learn how to maintain clean separation of concerns in large-scale PHP projects.

This advanced orchestration tool streamlines the process of building a Minimum Viable Product (MVP). By ingesting high-level design documents (SDD/PRD), it automatically plans thin, end-to-end vertical slices. The system then scaffolds, executes TDD implementation, and manages gated commits, transforming theoretical specifications into a functional, reviewable starting point, dramatically accelerating initial development cycles.