Skill UI

Automate Calendly via Rube MCP: list events, track invitees, create booking links, check availability, and cancel meetings through Composio's toolkit.

A portable, framework-agnostic architecture style for React and React Native frontends. Organizes apps into feature modules with page/screen directories, a strict server-state vs UI-state split, barrel-only cross-module imports, co-located styles, and clear component-promotion rules. Applies to Next.js, Vite, Remix, Expo, and any state/styling stack.

Scaffold production-ready TypeScript projects with modern tooling including pnpm, Vite, Next.js, type safety, testing setup, and best practices. Supports Next.js, React+Vite, Node.js API, libraries, and CLI projects.

Removes Lovable.dev scaffolding from Vite + React projects including dependencies, branding, placeholder assets, and generated documentation. Helps developers ship clean, ownable codebases after exporting from Lovable. Audits package.json, vite.config.ts, index.html, and source files for Lovable fingerprints.

Integrate markstream-vue2 into a Vue 2 plus Vite project with bundled worker imports, CSS layer ordering, Composition API compatibility, and safe streaming markdown defaults for chat or history rendering.

Create a new Rails project with an opinionated stack including PostgreSQL, Inertia.js, React, Vite, Tailwind CSS, Sidekiq, and Redis. Provides guidance on project generation, conventions, testing, and verification for a fresh Rails app.

Operate MySQL-compatible databases on PlanetScale with branching workflows, safe migrations, and production rollouts. Covers CLI installation, database management, deploy requests, connection proxying, Prisma integration, and Vitess features.

Generates Vitest tests in JavaScript/TypeScript with Vite-native speed. Covers Jest-compatible APIs, vi.mock mocking, spies, fake timers, snapshots, React component tests, in-source testing, and vitest.config setup.

Skill for building powerful frontend claude.ai artifacts using React 18, TypeScript, Vite, Parcel, Tailwind CSS and shadcn/ui. Provides scripts to initialize, develop, bundle and test artifacts, with guidance to avoid common AI slop design patterns.

Generates comprehensive technical documentation pages with evidence-based depth, including Mermaid diagrams, citations, and VitePress frontmatter. Ideal for documenting components, systems, or features with traceable code paths.

This skill transforms generated wiki Markdown files into a polished VitePress static site featuring a dark theme and interactive Mermaid diagrams. It handles complex configuration for Mermaid rendering, including CSS overrides and inline style fixes to ensure diagrams display correctly in dark mode. Additionally, it adds click-to-zoom functionality for diagrams and performs necessary post-processing on Markdown files before building. Use this when packaging wiki content as a browsable HTML site.

Publish finished static sites to free HTTPS links via DropTheHassle. Supports Vite, Next.js, and other static builds. Deploys via CLI or MCP, verifies live status, and optionally searches for custom domains. No server-side runtime required.