Skills and MCP tagged “components”

shadcn shadcn-ui skill This skill helps add and configure shadcn/ui components while following project conventions. Use it when building interfaces, applying presets, or working on chat UI. Claude Code CX Codex Cursor +1 122,100installs vercel-composition-patterns vercel skill A rule set that pushes your agent away from boolean props and toward compound components, shared context and state lifted into providers. Claude Code CX Codex Cursor +1 416,700installs emil-design-eng emilkowalski skill This skill guides UI polish, component details, and animation choices. Use it when an interface works but its states and transitions need closer review. Claude Code CX Codex Cursor +1 385,500installs daisyui saadeghi skill This skill hands your coding agent the daisyUI 5 reference, so it writes markup with real component classes instead of inventing its own. Claude Code CX Codex Cursor +1 12,000installs nuxt-ui nuxt skill Guides AI agents in building interfaces with @nuxt/ui v4, covering semantic Tailwind CSS theming, layout patterns, and component selection. Claude Code CX Codex Cursor +1 19,700installs shadcn-svelte huntabyte skill A skill for working with shadcn-svelte: adding components, building interfaces, fixing styles, and debugging projects. Use it if you're building UI with shadcn-svelte on Svelte or planning to start. Claude Code CX Codex Cursor +1 6,700installs shadcn-vue unovue skill Teaches coding agents shadcn-vue architecture, proper CLI runners, FieldGroup form composition, and strict Tailwind semantic token rules. Claude Code CX Codex Cursor +1 5,700installs figma-generate-library official openai skill A skill to sync your Figma design system with your codebase. Build or update variables, components, themes, and documentation in the right order—phases matter, and skipping steps breaks the system. Claude Code CX Codex Cursor +1 2,700installs web-component-design Seth Hobson skill This skill helps design reusable components for React, Vue, and Svelte. Use it for UI libraries, design systems, or legacy component refactors. Claude Code CX Codex Cursor 13,167installs figma-generate-library official Figma skill Skill to build a professional design system in Figma from your codebase. Creates variables, components with variants, typography styles and theming in the correct order — from tokens to finished components. CX Codex GP ChatGPT 32installs