skills.rest
leboncoinleboncoinOfficial·5 Agent Skills Included

spark-web

React design system component creation, testing, and CI monitoring

Creates React design system components with complete structure, styles, tests, and Storybook documentation. Generates unit tests, verifies WCAG 2.1 AA accessibility compliance, and runs lint, typecheck, and formatting checks. Monitors Nx Cloud CI pipelines with self-healing fixes and manages monorepo scaffolding and package linking.
92|26
↗
npx skills add leboncoin/spark-web --all -g -y
Available:

Directs the agent to the project's rules, skills, and subagents, and instructs it to route Nx workspace exploration, scaffolding, and task execution through the appropriate skills.

All Skills in This Repository (5)

Pure Emerald Level Indicators
📦 In Repo
leboncoinleboncoin

create-storybook-docs

Generate and update Storybook stories and MDX docs for Spark UI components.

Official
Basic
📦 In Repo
leboncoinleboncoin

create-component

Generate a Spark UI component scaffold with TypeScript, CVA styling, tests, stories, and documentation.

Official
Advanced
📦 In Repo
leboncoinleboncoin

run-quality-checks

Run linting, type checking, formatting, and tests for Spark UI projects.

Official
Intermediate
📦 In Repo
leboncoinleboncoin

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate
📦 In Repo
leboncoinleboncoin

generate-tests

Create and update Vitest unit tests for Spark UI components.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install spark-web skills?▼

Run `npx skills add leboncoin/spark-web --all -g -y` in your terminal to install all skills in this suite globally.

How to create a new design system component?▼

Use the create-component skill, which scaffolds the component, styles, tests, Storybook stories, and documentation following Spark UI standards.

How to check WCAG accessibility compliance?▼

The check-accessibility skill runs automated axe-core tests via Playwright and guides manual checks for keyboard navigation, ARIA attributes, and color contrast.

Can it monitor and fix failing CI pipelines?▼

Yes. The monitor-ci skill watches Nx Cloud CI runs, applies self-healing fixes, and verifies them locally before pushing.

Does it work with Claude Code and Cursor?▼

Yes. Skills live in .cursor/skills with symlinks into .claude/skills, so they work in Cursor, Claude Code, and other compatible editors.

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