Skill UI

Guides building and scaling Convex backends with TypeScript schemas, queries, mutations, real-time subscriptions, auth, file storage, scheduling, and deployment across React, Next.js, Angular, Vue, Svelte, and RN.

Orchestrates WCAG 2.2 Level A/AA scans, fixes, and verifications across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases, producing before/after diffs, contrast checks, compliance reports, and CI/CD-ready hooks.

Astro is a modern web framework designed specifically for building high-performance, content-heavy websites like blogs, documentation sites, and portfolios. Its core innovation is the Islands Architecture, which ships zero JavaScript by default, drastically improving performance and Core Web Vitals. It supports multi-framework components (React, Vue, Svelte) in a single project, making it ideal for content developers prioritizing speed and flexibility.

SvelteKit is the official full-stack framework built on Svelte, enabling developers to build fast, modern, and highly performant web applications. It provides comprehensive features including file-based routing, Server-Side Rendering (SSR), Static Site Generation (SSG), API routes, and progressive form actions, all while maintaining Svelte's zero runtime overhead. Use this skill when building complex, data-driven web platforms where performance and developer experience are paramount.

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.

Analyzes any frontend codebase (React, Vue, Svelte, Angular, plain CSS, Tailwind) to document the complete design system. It extracts crucial visual elements—including color palettes, typography, spacing scales, and component patterns—directly from source files, without needing to build, render, or run the application. Ideal for design audits, visual language documentation, or migrating a project's identity into a design tool.

A comprehensive guide for integrating Markstream, a high-performance Markdown renderer, into modern frontend frameworks like React, Vue, Svelte, and Next.js. It handles complex streaming scenarios, ensuring minimal peer dependencies, correct CSS ordering, and proper Server-Side Rendering (SSR) boundaries for dynamic content and AI chat interfaces.

Astro is a modern web framework for content-rich sites like blogs and docs. It uses Islands Architecture to ship zero JavaScript by default, improving performance. Supports multi-framework components (React, Vue, Svelte) and Markdown/MDX. Ideal for static site generation with optional SSR.

This skill enables developers to override Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular. It allows scoped or renderer-local mappings without replacing the parser. Useful for customizing built-in elements or rendering specific tags like thinking. It emphasizes security by treating custom tags as trusted input and maintaining safe HTML policies.

Integrate the beta markstream-svelte renderer into Svelte 5 or SvelteKit apps with runes, explicit CSS, smooth streaming, workers, and SSR-safe boundaries.

SvelteKit is the official full-stack framework built on Svelte, enabling developers to build fast, modern, and highly performant web applications. It provides comprehensive features including file-based routing, Server-Side Rendering (SSR), Static Site Generation (SSG), API routes, and progressive form actions, all while maintaining Svelte's zero runtime overhead. Use this skill when building complex, data-driven web platforms where performance and developer experience are paramount.