AI Agent Skill Repository
Browse reusable skills for Codex, Claude Code, Cursor, finance, research, web scraping, PPT, football analytics, data, marketing, design, and more.
Live registry search
Exact name and slug matches are checked against the live registry before ranked alternatives.
Decision filters
Showing 1-16 of 141 ranked candidates matching "component"
Best blend of relevance, quality, freshness, and verified outcomes
Create UI component / widget / reusable piece. Triggers "create component", "new component", "add component", or naming a component (Button, Header, Card).
$ npx skills add darkroomengineering/cc-settings --skill componentScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Claude Code + CLI · 4 targets
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
$ npx skills add mui/material-uiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Claude Code + OpenAI Agents · 4 targets
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
$ npx skills add saadeghi/daisyuiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
Chakra UI is a component system for building SaaS products with speed ⚡️
$ npx skills add chakra-ui/chakra-uiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
Open-source UI component library and front-end development framework based on Tailwind CSS
$ npx skills add themesberg/flowbiteScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
An open-source UI component library for building high-quality, accessible design systems and web apps for Vue. Previously Radix Vue
$ npx skills add unovue/reka-uiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
🦍 A configurable component library for web built on React.
$ npx skills add alibaba-fusion/nextScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
A web component for visual art and creative coding
$ npx skills add css-doodle/css-doodleScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.
$ npx skills add franken-ui/uiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
🌈🕹 Windows 95 style UI component library for React
$ npx skills add react95-io/React95Scenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.
$ npx skills add internet-development/www-sacredScenario GitHub automation · I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.
CLI + Codex · 4 targets
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
$ npx skills@latest add emilkowalski/skillsScenario Coding agents · I need a coding agent that can understand a repository, edit code, and review pull requests.
Claude Code + OpenAI Agents · 4 targets
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to…
$ npx skills add stenciljs/coreScenario Coding agents · I need a coding agent that can understand a repository, edit code, and review pull requests.
CLI + Codex · 4 targets
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to en…
$ npx skills add CherryHQ/cherry-studio --skill vercel-react-best-practicesScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Claude Code + CLI · 4 targets
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition ps…
$ npx skills add vercel-labs/agent-skills --skill vercel-react-view-transitionsScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Claude Code + CLI · 4 targets
Page 1
Showing the strongest 16 results to keep the registry fast for humans and agents. Refine by use case, platform, stars, or search query for a narrower shortlist.
Try the agent resolve APIAI Agent Skill Repository
Browse reusable skills for Codex, Claude Code, Cursor, finance, research, web scraping, PPT, football analytics, data, marketing, design, and more.
Live registry search
Exact name and slug matches are checked against the live registry before ranked alternatives.
Decision filters
Showing 1-16 of 141 ranked candidates matching "component"
Best blend of relevance, quality, freshness, and verified outcomes
Create UI component / widget / reusable piece. Triggers "create component", "new component", "add component", or naming a component (Button, Header, Card).
$ npx skills add darkroomengineering/cc-settings --skill componentScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Claude Code + CLI · 4 targets
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
$ npx skills add mui/material-uiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Claude Code + OpenAI Agents · 4 targets
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
$ npx skills add saadeghi/daisyuiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
Chakra UI is a component system for building SaaS products with speed ⚡️
$ npx skills add chakra-ui/chakra-uiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
Open-source UI component library and front-end development framework based on Tailwind CSS
$ npx skills add themesberg/flowbiteScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
An open-source UI component library for building high-quality, accessible design systems and web apps for Vue. Previously Radix Vue
$ npx skills add unovue/reka-uiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
🦍 A configurable component library for web built on React.
$ npx skills add alibaba-fusion/nextScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
A web component for visual art and creative coding
$ npx skills add css-doodle/css-doodleScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.
$ npx skills add franken-ui/uiScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
🌈🕹 Windows 95 style UI component library for React
$ npx skills add react95-io/React95Scenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
CLI + Codex · 4 targets
SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.
$ npx skills add internet-development/www-sacredScenario GitHub automation · I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.
CLI + Codex · 4 targets
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
$ npx skills@latest add emilkowalski/skillsScenario Coding agents · I need a coding agent that can understand a repository, edit code, and review pull requests.
Claude Code + OpenAI Agents · 4 targets
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to…
$ npx skills add stenciljs/coreScenario Coding agents · I need a coding agent that can understand a repository, edit code, and review pull requests.
CLI + Codex · 4 targets
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to en…
$ npx skills add CherryHQ/cherry-studio --skill vercel-react-best-practicesScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Claude Code + CLI · 4 targets
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition ps…
$ npx skills add vercel-labs/agent-skills --skill vercel-react-view-transitionsScenario Design and creative · I need my agent to produce design assets, UI directions, presentations, or creative media workflows.
Claude Code + CLI · 4 targets
Page 1
Showing the strongest 16 results to keep the registry fast for humans and agents. Refine by use case, platform, stars, or search query for a narrower shortlist.
Try the agent resolve API