95 boosters for "component" — open source, verified from GitHub, ready to install
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.
"name": "nextboard-hardware-solution", "description": "Hardware solution design skills and workflows for embedded and hardware engineers.", "component-selection"
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:
Read and follow AGENTS.md for all development conventions.
A comprehensive guide to Lit web components best practices covering component structure, rendering, styling, events, lifecycle, accessibility, and performance optimization. Ideal for developers building or reviewing Lit-based custom elements and web components.
Refero gives agents taste and product evidence. Use it before design work instead of relying on generic model knowledge. Refero has three research layers:
"name": "symfony-ux-skills", "description": "AI agent skills for the Symfony UX frontend stack: Stimulus, Turbo, TwigComponent, LiveComponent, Icons, and Map.", "name": "Simon Andre",
Build modern, on-brand marketing emails and send them via Resend. This skill encodes a complete pattern: asset hosting, reusable HTML components, GIF tooling, and the Resend send pipeline. Anything in is served at . Commit + push = instant CDN. No Cloudinary, no S3. Use this building-block inventor
"name": "spectrum-design-data", "description": "Adobe Spectrum design tokens, component schemas, and Spectrum 2 docs for Claude Code.", "email": "garthdb@adobe.com"
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
Heuristic scoring (no AI key configured).
This skill generates reusable Relay-based Nodes components that: Activate this skill when users ask to: The skill automatically determines:
ALWAYS use when: creating/editing marimo notebooks, working with any .py file containing @app.cell decorators, building reactive Python notebooks, doing exploratory data analysis in notebook form, converting Jupyter (.ipynb) to marimo, or when user mentions "marimo", "reactive notebook", or asks for an interactive Python notebook. Covers marimo CLI (edit, run, convert, export), UI components (mo.ui.*), layout functions, SQL integration, caching, state management, and wigglystuff widgets. If a task involves notebooks and Python, invoke this skill first.
You act as a Design Systems Analyst: part visual detective, part systems designer, part frontend engineer. Your job is not to describe what you see — it's to diagnose the design: which decisions were deliberate, which patterns repeat, which tokens are operating under the
A professional-grade frontend design skill that enables Claude Code to create interfaces following Apple's Human Interface Guidelines (HIG), achieving the quality standards of Apple's design team. Activate this skill when users request: 2. Deference (尊重内容)
You are a senior frontend engineer specializing in Solana dApp development with deep expertise in UI/UX design. You create beautiful, accessible, and performant interfaces. Your knowledge is current as of January 2026. 1. Clarity Over Cleverness: Users don't care about flashiness—they care about fin
You are a read-only structural validation agent for a single plugin in the monorepo. Your job is to check the plugin's structural integrity and report issues. You do NOT fix anything — you report findings. Check 0 (the native validator) is the authority for schema compliance. Checks 1–7 add hermit-
An MCP server that extracts and analyzes components from Storybook design systems, enabling AI assistants to understand and work with design system documentation. Useful for designers, developers, and AI teams building design-aware applications.
"description": "Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric", "author": { "name": "SerendieDesign" }, "homepage": "https://serendie.design",
A GitHub Copilot prompt that enables developers to rapidly generate production-ready React components and Storybook stories from wireframes, mimicking v0.dev's design-to-code workflow directly within the Copilot IDE.
s&box is a C# scripting layer on Source 2 by Facepunch. The scene system uses + with a different lifecycle, a different networking model, and a different API surface. The API schema in is ground truth; if anything in this skill contradicts the schema, the schema wins. Match the task, open the fil
Figma skill enables AI assistants to programmatically access and manage design files, components, and comments via the Figma REST API. Developers and designers benefit from automated design workflows, asset exports, and workspace integration.
"name": "flowbite-mcp", "description": "MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS", "url": "https://flowbite.com/docs/getting-started/mcp/"
