skills.rest
marigold-uimarigold-uiOfficial·6 Agent Skills Included

marigold

React component development, PR reviews, and visual regression testing

Builds and maintains the Marigold React design system with guided component development, pull request creation, and code review workflows. Eliminates manual PR formatting, missed accessibility checks, and forgotten visual regression tests. Enforces TypeScript, Tailwind, and react-aria standards automatically so reviews and releases move faster.
142|14
↗
npx skills add marigold-ui/marigold --all -g -y
Available:

Instructs your AI agent to query the Marigold CLI for real component APIs before writing code, and enforces the project's TypeScript, testing, styling, and accessibility rules during every task.

All Skills in This Repository (6)

Pure Emerald Level Indicators
📦 In Repo
marigold-uimarigold-ui

vercel-react-best-practices

Optimize React and Next.js applications with performance rules for refactoring.

Official
Advanced
📦 In Repo
marigold-uimarigold-ui

vercel-composition-patterns

Structure React components with compound components and context providers.

Official
Intermediate
📦 In Repo
marigold-uimarigold-ui

component-docs-writer

Generate MDX component documentation with demos and anatomy diagrams for Marigold Design System.

Official
Advanced
📦 In Repo
marigold-uimarigold-ui

testing-codequality-check

Run unit and component tests for TypeScript files with code coverage analysis.

Official
Intermediate
📦 In Repo
marigold-uimarigold-ui

typescript-codequality-check

Run ESLint, Prettier, and tsc checks on TypeScript code via pnpm.

Official
Basic
📦 In Repo
marigold-uimarigold-ui

review-pr

Review GitHub pull requests for TypeScript, React, and accessibility compliance.

Official
Advanced

Frequently Asked Questions

FAQPage Schema
How to install Marigold skills?▼

Run `npx skills add marigold-ui/marigold --all -g -y` in your terminal to install all skills in this suite globally.

How to review a pull request automatically?▼

Use the review-pr skill with a PR number to check code against TypeScript, React, testing, and accessibility standards, then post findings as comments or inline annotations.

How to create a properly formatted pull request?▼

The create-pr skill inspects your branch diff, extracts the Jira ticket, builds a Conventional Commits title, and auto-fills the PR template checklist before opening the PR.

How to run visual regression tests on a branch?▼

Use the vrt skill to dispatch the Chromatic-based Visual-Regression-Tests workflow on your current or a named branch after confirming which branch to target.

Do these skills work outside the Marigold codebase?▼

They are tailored to the Marigold design system repo, but the PR review and creation patterns adapt well to any React component library project.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills