74 boosters for "component" — open source, verified from GitHub, ready to install
A collaborative design-first booster that guides developers through brainstorming and specification before implementation, preventing premature coding and misaligned requirements.
A skill that empowers developers to create polished, production-ready frontend interfaces and React components with distinctive design that avoids generic AI aesthetics. Ideal for anyone building web UIs, landing pages, dashboards, or custom web components.
Web Artifacts Builder is a skill that enables AI assistants to create complex, multi-component React applications with Tailwind CSS and shadcn/ui for Claude.ai artifacts. Developers building sophisticated interactive web interfaces benefit from streamlined scaffolding and bundling workflows.
Use this skill to create or update full-page screens in Figma by reusing the published design system — components, variables, and styles — rather than drawing primitives with hardcoded values. The key insight: the Figma file likely has a published design system with components, color/spacing variabl
Automates translation of Figma designs into production-ready code with pixel-perfect visual accuracy using the Figma MCP workflow. Ideal for developers and designers who need to implement designs quickly while maintaining design fidelity.
Use MCP to execute JavaScript in Figma files via the Plugin API. All detailed reference docs live in . Before anything, load plugin-api-standalone.index.md to understand what is possible. When you are asked to write plugin API code, use this context to grep plugin-api-standalone.d.ts for relevant t
A skill for bootstrapping, developing, and designing modern WinUI 3 desktop applications with C# using Microsoft's official guidance and patterns. Useful for Windows developers building new apps or troubleshooting WinUI-related setup and implementation challenges.
This skill helps you connect Figma design components to their corresponding code implementations using Figma's Code Connect feature. It analyzes the Figma design structure, searches your codebase for matching components, and establishes mappings that maintain design-code consistency. Call to identi
Build professional-grade design systems in Figma that match code. This skill orchestrates multi-phase workflows across 20–100+ calls, enforcing quality patterns from real-world design systems (Material 3, Polaris, Figma UI3, Simple DS). Every design system build follows this phase order. Skipping o
A skill that helps developers create distinctive, production-grade frontend interfaces with polished aesthetics and creative design choices, avoiding generic AI-generated outputs. Ideal for developers building web components, pages, and applications who want professional design quality.
Extract helps developers systematically identify and consolidate reusable components, design tokens, and UI patterns into a centralized design system. This booster benefits design system maintainers and teams building consistent, scalable component libraries.
Gradio is a Python library for building interactive web UIs and ML demos. This skill covers the core API, patterns, and examples. Detailed guides on specific topics (read these when relevant): Creates a textarea for user to enter string input or display string output..
A skill booster for building interactive web UIs and ML demos using Gradio in Python. Developers creating data applications, ML interfaces, and chatbots benefit from guided assistance with Gradio components and patterns.
You are an elite CLAUDE.md auditor and documentation integrity specialist. Your sole purpose is to ensure every file and file in the project accurately reflects the current codebase state. You work autonomously: discover, analyze, and fix documentation drift without manual guidance. You are method
A Cursor IDE rule set that enforces component development standards for a Vue3 UI library, ensuring consistent documentation practices and API updates across component modifications.
This booster claims to be a Vue.js ReCAPTCHA component, but the actual content describes an OpenSpec workflow tool unrelated to the stated purpose.
Heuristic scoring (no AI key configured).
File structure and test commands for each package: ├── css-property-parser │ └── test (to run those tests )
A skill booster that teaches developers how to create, structure, and publish reusable Convex components with proper isolation and dependency management. Useful for backend engineers and full-stack developers building modular applications with Convex.
This skill provides comprehensive guidance for all aspects of Playwright test development, from writing new tests to debugging and maintaining existing test suites. Consult these references based on what you're doing:
"name": "symfony-ux-skills", "description": "AI agent skills for the Symfony UX frontend stack: Stimulus, Turbo, TwigComponent, LiveComponent, Icons, and Map.", "name": "Simon Andre",
Generate XML files and export to PNG/SVG/PDF/JPG locally using the native draw.io desktop app CLI. PNG, SVG, and PDF exports support () — the exported file contains the full diagram XML, so opening it in draw.io recovers the editable diagram. Use double extensions () to signal embedded XML. The dr
This skill generates reusable Relay-based Nodes components that: Activate this skill when users ask to: The skill automatically determines:
