Skill UI

This skill performs visual inspection and validation of website design quality, identifying and fixing issues at the source code level. It supports static sites, SPA frameworks, and full-stack applications. The workflow includes information gathering, visual inspection for layout, responsive, and accessibility issues, followed by source code fixes and re-verification. It ensures responsive design, visual consistency, and accessibility compliance across various viewports.

A comprehensive coach guiding developers through the entire SaaS lifecycle: from initial idea and scaffolding (Next.js) to building MVP features, integrating AI, setting up authentication, implementing payment systems (Stripe/LemonSqueezy), and achieving global deployment (Cloudflare/Vercel). Focuses on pragmatic, 'ship first' architecture decisions for solo developers and indie hackers.

Learn production-grade, scalable architectural patterns for building robust scraping systems using Apify. This guide details structures for standalone scrapers, complex multi-stage pipelines (Discover, Scrape, Transform), and integrating Apify into full-stack applications for powerful data extraction.

A comprehensive, multi-chain reference architecture for building robust decentralized applications (dApps) powered by Alchemy. This guide outlines the full stack, from the React/Next.js frontend and API layer to core blockchain interactions, incorporating best practices like rate limiting, caching, and secure API proxying. Ideal for planning complex, production-grade Web3 systems across multiple chains (ETH, Polygon, etc.).

This skill provides a comprehensive observability stack for Flexport logistics integrations. It sets up Prometheus metrics for API health tracking, uses structured logging (pino) for debugging, implements OpenTelemetry tracing for latency analysis, and defines actionable Grafana dashboards and alert rules. This ensures reliable, performant, and fully monitored logistics operations.

idea-os is a comprehensive, five-phase pipeline designed to transform a raw, abstract idea into a fully structured, build-ready plan. It guides users through Triage, Clarification, Deep Research, detailed PRD creation (including non-goals and metrics), and finally, a phased execution plan. The system adapts its complexity and vocabulary to the user's sophistication level, providing everything from foundational market analysis to actionable technical stack recommendations.

This skill allows users to programmatically set up a comprehensive observability stack for Oracle Cloud Infrastructure (OCI) resources. It guides the creation of metric queries, alarm rules, custom metric publishing, and detailed log searches using the Python SDK. By automating monitoring and alerting, users gain full control over their infrastructure visibility, eliminating reliance on the OCI Console UI for critical operational checks.

Shipwright is an autonomous, multi-phase agent designed to convert simple, plain-English requirements into fully functional, tested, and deployment-ready applications. It supports modern full-stack frameworks like Next.js/Supabase, SvelteKit, and Astro. Use this tool when you need to scaffold a complete project, add complex features, or generate an entire SaaS dashboard merely by describing it.

This guide details how to configure the VS Code Port Monitor extension. It allows developers to monitor the port status (in use or free) for development servers (like Vite, Next.js) and databases in real time directly on the status bar. Use this skill to set up multi-service or full-stack development environments, prevent port conflicts, and troubleshoot running services.

This skill provides a standardized skeleton for building full-stack extensions that integrate both API services and Administration UIs. It defines the top-level component, shared domain layer, and mandatory entry-point registration patterns (<Api.Extension>, <Admin.Extension>) required for successful runtime deployment across different environments.

Diagnoses full-stack failure modes in agent and LLM applications, including wrapper regressions, memory contamination, tool discipline failures, hidden repair loops, and rendering corruption. Produces severity-ranked findings and code-first fixes for production agent systems.

A comprehensive tool for the full lifecycle management of applications within the Lark ecosystem (Feishu/Miaoda). It supports three development paths: local full-stack development, HTML static hosting, and cloud-based AI session generation. Use this when creating, updating, deploying, or publishing any complex system, tool, or platform application.