Skill UI

This skill performs a quick automated lint scan to detect common design system violations in seconds. It checks for hardcoded colors, raw pixel values, old width/height syntax, physical properties, forbidden colors, missing data-slots, and improper className usage. Ideal for running after every file change to maintain design consistency and prevent technical debt in UI development projects using design tokens.

Apply StyleSeed motions to React components using five personality seeds (Spring/Silk/Snap/Float/Pulse) or distinctive keyword moves from the motion library. Translate user vibe descriptions into precise motion parameters, recommend appropriate motions for use cases, and implement them as motion.X JSX.

Provides opinionated, evolving constraints to guide agents when building interfaces. Helps identify high-impact design problems and propose implementation-ready improvements.

This skill enables you to view, add, or modify design tokens within the StyleSeed design system. It manages core visual properties like colors, typography, spacing, radius, and shadows by synchronizing JSON source files with CSS implementations. Use it to maintain consistency across your UI components and ensure design system integrity during development.

This skill automates the creation of comprehensive unit tests across multiple programming languages like Python, JavaScript, and Java. It analyzes source code to identify functions and classes, then generates maintainable test suites with strong coverage, edge case handling, and proper mocking. Ideal for developers seeking consistent test structures and improved code quality without manual writing.

Fetch real U.S. residential property data via the Zillapi REST API: resolve addresses, Zillow URLs or zpids, then pull valuations, rent estimates, price and tax history, schools, photos and agents, or search for-sale, for-rent and sold listings.

This skill generates appropriate user feedback states for components and pages, including loading skeletons, empty states, error messages, and success toasts. It ensures consistent UI presentation by implementing specific design patterns for data-dependent areas, handling partial or full failures, and providing retry mechanisms. It follows design language references for animations and accessibility, suitable for React-based frontend development workflows.

Audit decision friction in UX flows and propose clear, accessible, ethical persuasion patterns that reduce effort, set smart defaults, and guide users toward informed action.

This skill provides expert knowledge for deploying Next.js applications to the Vercel platform. It covers configuration, environment variables, and production deployment processes. Use this when users request hosting solutions, serverless functions, or edge functions specifically for Vercel. It ensures proper setup and validation before going live.

This skill helps plan and review read-only data warehouse analysis with explicit scope, privacy, and validation checks. It turns business questions into reproducible analysis plans without assuming specific schemas. It identifies needed data, reviews proposed queries for risks like grain or privacy, and ensures results are communicated accurately. Suitable for authorized data warehouse usage, query review, and analysis documentation while avoiding administrative tasks.

A critical skill for reviewing WooCommerce extensions, payment integrations, and checkout logic before deployment. Ensures code follows security standards, HPOS compatibility, proper data handling, and runtime discipline to prevent systematic AI failures.

A specialized tool for auditing WordPress plugins, themes, and blocks before deployment. It checks for security vulnerabilities like SQL injection, XSS, and improper escaping, ensures API correctness, and enforces internationalization standards. Use it to review generated code or perform security assessments on WordPress environments.