web-artifacts-builder
A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
406 skills found
A toolkit for developing and bundling complex, multi-component React/TypeScript web artifacts using Vite, Tailwind CSS, and shadcn/ui.
The foundational skill for the Superpowers methodology. Ensures agents correctly identify and invoke required development skills before starting any task or conversation.
Perform automated visual regression testing by comparing UI screenshots against established baselines to identify layout shifts, color changes, and rendering regressions.
Advanced visual regression testing with pixel-perfect and AI-powered diff analysis, cross-browser validation, and responsive design checks to prevent UI regressions in CI/CD pipelines.
Handles large-scale tasks by automatically breaking them down into manageable, recursive sub-tasks to overcome context window limits and improve reasoning accuracy on large codebases and document sets.
A specialized tool for generating single-file HTML user interfaces with integrated Tailwind CSS, perfect for rapid prototyping, UI exploration, and design inspiration.
On-page SEO optimization toolkit for keyword density analysis, meta tag generation, heading hierarchy validation, and readability scoring.
Evidence-based debugging for Python, Node.js, and Java applications using runtime execution traces and diagnostic MCP tools.
Generate a promotion content pack from PRDs or READMEs, including LinkedIn posts, Reddit drafts, and Twitter threads.
AI-native product management tool for startups. Features automated competitor research, gap analysis using the WINNING filter, PRD generation, and GitHub Issues integration for prioritized, signal-based roadmap planning.