tan-yong-sheng
- 27 skills
- 0 followers
- 1 week ago last updated
- ▌ Visual Consistency Validation · tan-yong-sheng-ai-vision-mcp bundleUse when validating design system token compliance, detecting visual regressions, or analyzing responsive design consistency across breakpoints and modes
- ▌ Design System Governance · tan-yong-sheng-ai-vision-mcp bundleUse this skill when assessing design system maturity, evaluating adoption health, analyzing component duplication, or calculating design debt ratios
- ▌ Frontend Slides · tan-yong-sheng-ai-vision-mcp bundleCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
- ▌ Market Research · tan-yong-sheng-ai-vision-mcp bundleConduct market research, competitive analysis, investor due diligence, and industry intelligence with source attribution and decision-oriented summaries. Use when the user wants market sizing, competitor comparisons, fund research, technology scans, or research that informs business decisions.
- ▌ Safe Encryption · tan-yong-sheng-ai-vision-mcpEncrypt, decrypt, and manage keys with the SAFE CLI — a modern GPG alternative with post-quantum support.
- ▌ Security Review · tan-yong-sheng-ai-vision-mcp bundleUse this skill when adding authentication, handling user input, working with secrets, creating API endpoints, or implementing payment/sensitive features. Provides comprehensive security checklist and patterns.
- ▌ Backend Patterns · tan-yong-sheng-ai-vision-mcp bundleBackend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
- ▌ Coding Standards · tan-yong-sheng-ai-vision-mcp bundleUniversal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.
- ▌ Frontend Patterns · tan-yong-sheng-ai-vision-mcp bundleFrontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
- ▌ Investor Outreach · tan-yong-sheng-ai-vision-mcp bundleDraft cold emails, warm intro blurbs, follow-ups, update emails, and investor communications for fundraising. Use when the user wants outreach to angels, VCs, strategic investors, or accelerators and needs concise, personalized, investor-facing messaging.
- ▌ Strategic Compact · tan-yong-sheng-ai-vision-mcp bundleSuggests manual context compaction at logical intervals to preserve context through task phases rather than arbitrary auto-compaction.
- ▌ Verification Loop · tan-yong-sheng-ai-vision-mcp bundleA comprehensive verification system for Claude Code sessions.
- ▌ Investor Materials · tan-yong-sheng-ai-vision-mcp bundleCreate and update pitch decks, one-pagers, investor memos, accelerator applications, financial models, and fundraising materials. Use when the user needs investor-facing documents, projections, use-of-funds tables, milestone plans, or materials that must stay internally consistent across multiple fundraising assets.
- ▌ Rbac Permissions Builder · tan-yong-sheng-ai-vision-mcpImplements role-based access control with permission matrix, route guards, policy functions, and UI permission hints. Provides middleware/guards, helper utilities, test suggestions, and permission checking patterns. Use when building "RBAC", "permissions", "access control", or "authorization".
- ▌ Wcag Compliance · tan-yong-sheng-ai-vision-mcp bundleUse this skill when verifying WCAG 2.1/3.0 compliance, mapping accessibility violations to specific criteria, or providing remediation guidance with code examples
- ▌ Access Control Policy Design · tan-yong-sheng-ai-vision-mcp bundleUSE THIS SKILL whenever any topic related to access control, authorization, permissions, or security policy arises in any form. Triggers include — but are not limited to: RBAC, ABAC, PBAC, ACL, DAC, ReBAC, Zanzibar, OPA, Cedar, Casbin, SpiceDB, OpenFGA, Permify, Oso, Cerbos, Permit.io; any mention of "who can do what", "role", "permission", "policy", "authorization", "multi-tenant access", "least privilege", "Zero Trust", "IAM design", "SaaS permission modeling", "access audit", "compliance access control" (HIPAA, GDPR, SOC2, PCI-DSS, ISO27001); also trigger when designing any new feature that controls what users can see or do, or when reviewing, refactoring, or debugging any auth/authz system. When in doubt — trigger this skill. Access control is architectural and getting it wrong is expensive.
- ▌ Playwright CLI Automation · tan-yong-sheng-ai-vision-mcp bundleUse playwright-cli to capture full-page screenshots, navigate complex flows, run Lighthouse audits, and test responsive design without writing code
- ▌ Design Audit Orchestration · tan-yong-sheng-ai-vision-mcpUse this skill when aggregating design audit findings across multiple dimensions, deduplicating related issues, or synthesizing results into executive summaries with remediation roadmaps
- ▌ AI Vision CLI · tan-yong-sheng-ai-vision-mcpAnalyze images and videos with AI vision models. Detect objects with bounding boxes, compare multiple images, audit design compliance, and analyze video content using Google Gemini or Vertex AI. Supports CLI and MCP modes.
- ▌ Opencli · tan-yong-sheng-ai-vision-mcp bundleOpenCLI — Make any website or Electron App your CLI. Zero risk, AI-powered, reuse Chrome login.
- ▌ E2e Testing · tan-yong-sheng-ai-vision-mcp bundlePlaywright E2E testing patterns, Page Object Model, configuration, CI/CD integration, artifact management, and flaky test strategies.
- ▌ Find Skills · tan-yong-sheng-ai-vision-mcpHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
- ▌ Eval Harness · tan-yong-sheng-ai-vision-mcp bundleFormal evaluation framework for Claude Code sessions implementing eval-driven development (EDD) principles
- ▌ Tdd Workflow · tan-yong-sheng-ai-vision-mcp bundleUse this skill when writing new features, fixing bugs, or refactoring code. Enforces test-driven development with 80%+ coverage including unit, integration, and E2E tests.
- ▌ Content Engine · tan-yong-sheng-ai-vision-mcp bundleCreate platform-native content systems for X, LinkedIn, TikTok, YouTube, newsletters, and repurposed multi-platform campaigns. Use when the user wants social posts, threads, scripts, content calendars, or one source asset adapted cleanly across platforms.
- ▌ Playwright CLI · tan-yong-sheng-ai-vision-mcp bundleAutomates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
- ▌ Article Writing · tan-yong-sheng-ai-vision-mcp bundleWrite articles, guides, blog posts, tutorials, newsletter issues, and other long-form content in a distinctive voice derived from supplied examples or brand guidance. Use when the user wants polished written content longer than a paragraph, especially when voice consistency, structure, and credibility matter.