Browse all

Type: All Skills Tools
tool ★ 50

CLI Automation for Web Testing and Auditing

This utility enables comprehensive web testing via command line, allowing developers to capture full-page screenshots, run Lighthouse audits, and simulate complex user flows without writing JavaScript code. It supports multi-viewport testin…

tan-yong-sheng/ai-vision-mcp playwright cli web-testing automation
skill ★ 50

Design System Maturity and Governance Assessment

Provides a framework for evaluating design system maturity, assessing adoption health, and analysing design debt ratios. It enables developers to identify component duplication and implement strategic governance improvements.

tan-yong-sheng/ai-vision-mcp design-system governance design-debt maturity-model
skill ★ 50

Comprehensive Web Quality and Performance Auditor

This skill performs a comprehensive web quality audit, covering core web vitals, accessibility, SEO, and security best practices. It analyzes provided codebases and generates actionable, severity-ranked recommendations with specific code fi…

tan-yong-sheng/ai-vision-mcp web-audit performance accessibility seo
skill ★ 50

Design Audit Findings Orchestration

This skill facilitates the aggregation, deduplication, and synthesis of design audit findings across usability, accessibility, visual consistency, and component reusability dimensions. It enables the creation of prioritised remediation road…

tan-yong-sheng/ai-vision-mcp design-audit ux-research accessibility design-systems
skill ★ 50

Test-Driven Development Workflow

Enforces a rigorous test-driven development workflow, mandating unit, integration, and E2E tests with a minimum 80% coverage threshold. The process guides developers through defining user journeys and test cases prior to implementation.

tan-yong-sheng/ai-vision-mcp tdd testing playwright jest
skill ★ 50

Comprehensive code quality verification loop

This skill executes a multi-phase quality gate, systematically checking code through build, type validation, linting, comprehensive testing, security scanning, and diff review. It generates a detailed report to ensure the codebase is ready …

tan-yong-sheng/ai-vision-mcp code-quality testing linting security-scan
skill ★ 50

Manual Context Compaction for Long Agentic Workflows

This skill suggests manual context compaction at logical breakpoints during extended, multi-phase tasks. Rather than relying on arbitrary auto-compaction, it prompts the user to explicitly compact the working memory when transitioning betwe…

tan-yong-sheng/ai-vision-mcp context-compaction llm long-context agentic
skill ★ 50

Comprehensive Security Review and Best Practices

Provides a comprehensive security checklist and implementation patterns to prevent vulnerabilities such as SQL injection, XSS, and CSRF. It covers essential practices for secrets management, input validation, and secure authentication.

tan-yong-sheng/ai-vision-mcp security-review web-security vulnerability-prevention best-practices
skill ★ 50

Comprehensive SEO Optimization Guide

This skill provides comprehensive guidelines for technical and on-page SEO, covering everything from sitemap generation and canonicalization to structured data implementation (JSON-LD). It helps developers improve search engine visibility b…

tan-yong-sheng/ai-vision-mcp seo technical-seo structured-data on-page-optimization
tool ★ 50

Post-quantum encryption and key management tool

This tool provides a modern, post-quantum secure alternative to traditional GPG for encrypting and decrypting data. It supports multi-recipient encryption and manages keys using a robust CLI, offering both command-line and browser-based int…

tan-yong-sheng/ai-vision-mcp encryption post-quantum gpg-alternative cli
skill ★ 50

Web Performance Optimization and Auditing

Provides deep performance optimisation based on Lighthouse audits, focusing on Core Web Vitals and resource efficiency. It identifies bottlenecks and provides specific implementation strategies for assets, scripts, and caching.

tan-yong-sheng/ai-vision-mcp web-performance lighthouse core-web-vitals frontend-optimization
skill ★ 50

Robust RBAC system for access control

This library provides comprehensive patterns and utilities for implementing robust Role-Based Access Control (RBAC) systems. It includes permission matrices, route guards, policy classes, and ownership checks for securing both backend and f…

tan-yong-sheng/ai-vision-mcp rbac permissions access-control middleware
tool ★ 50

Playwright CLI for Browser Automation and Testing

This tool provides a comprehensive command-line interface for automating browser interactions. It allows developers to perform tasks such as form filling, data extraction, state management, and complex web testing scenarios.

tan-yong-sheng/ai-vision-mcp playwright browser-automation web-testing cli
tool ★ 50

OpenCLI: Turn Websites into Command Line Tools

OpenCLI transforms any website or Electron application into a functional command-line interface. It provides AI-powered discovery and interaction, allowing developers to automate complex web tasks using familiar CLI syntax while reusing exi…

tan-yong-sheng/ai-vision-mcp cli web-scraping browser-automation ai-agent
skill ★ 50

Investor Outreach Communication Drafting

Automates the generation of personalised, low-friction investor communications, including cold emails, warm intro requests, and follow-up sequences. It applies structured rules to ensure concise, evidence-based messaging tailored to specifi…

tan-yong-sheng/ai-vision-mcp investor-outreach fundraising email-drafting communication-automation
skill ★ 50

Deep market and industry research analysis

This skill conducts deep, decision-oriented market research, covering competitive analysis, fund due diligence, and market sizing. It ensures all findings are sourced, structured with clear implications, and provide actionable recommendatio…

tan-yong-sheng/ai-vision-mcp market-research competitive-analysis due-diligence business-intelligence
skill ★ 50

Generate consistent investor fundraising materials

This skill manages the creation and updating of comprehensive investor documentation, including pitch decks, financial models, and memos. It enforces a single source of truth to ensure all assets remain internally consistent and highly defe…

tan-yong-sheng/ai-vision-mcp investor-materials pitch-deck financial-modeling fundraising
skill ★ 50

Modern React and Next.js Development Patterns

A collection of best practices and design patterns for building performant user interfaces using React and Next.js. It covers component composition, state management, custom hooks, and performance optimisation techniques.

tan-yong-sheng/ai-vision-mcp react nextjs frontend-patterns typescript
skill ★ 50

Generates animation-rich, zero-dependency HTML presentations

This skill generates production-quality, animation-rich HTML presentations that run entirely in the browser. It supports creating new decks, converting PPT/PPTX files, or enhancing existing slides while ensuring strict viewport adherence an…

tan-yong-sheng/ai-vision-mcp html-presentation web-design ppt-conversion animation
skill ★ 50

Discover and Install Agent Skills Ecosystem

This skill assists users in discovering and installing specialized agent capabilities from the open skills ecosystem. It guides the user through using the Skills CLI to search for, verify, and adopt relevant modular packages.

tan-yong-sheng/ai-vision-mcp skill-discovery agent-skills cli-interface ecosystem-management
skill ★ 50

Playwright E2E Testing Patterns and Best Practices

A comprehensive guide to implementing stable and maintainable end-to-end testing using Playwright, covering Page Object Model, CI/CD integration, and flaky test mitigation strategies.

tan-yong-sheng/ai-vision-mcp playwright e2e-testing testing-patterns automated-testing
skill ★ 50

Eval-Driven Development Framework for AI Agents

This skill provides a formal framework for implementing Eval-Driven Development (EDD) within AI coding sessions. It enables developers to define capability and regression tests, track agent reliability using metrics like pass@k, and generat…

tan-yong-sheng/ai-vision-mcp evaluation-framework edd ai-testing regression-testing
tool ★ 264

Local RAG for document ingestion and querying

This comprehensive local RAG pipeline enables the ingestion of various file types, supporting both raw data and complex visual PDF content. It executes advanced hybrid searches, providing semantic and keyword results, and includes context e…

shinpr/mcp-local-rag local-rag document-querying retrieval-augmented-generation hybrid-search
skill ★ 50

Core Web Vitals Optimization Guide

Provides actionable strategies and checklists for optimising LCP, INP, and CLS metrics to improve page experience and search rankings. It includes specific implementation patterns for reducing render-blocking resources and layout shifts.

tan-yong-sheng/ai-vision-mcp core-web-vitals web-performance frontend-optimization lcp