Agent skills you can check before you install
Public SKILL.md skills from GitHub repositories with 50+ stars and from the vendors themselves, scanned and scored. Install any of them with one command in Claude Code, Cursor, Codex, GitHub Copilot or Gemini CLI.
49,415 skills from 2,407 repositories · updated 14 minutes ago
48,317 skills
- preview-screensmicrosoft/power-platform-skillsUse when the user wants to preview generated screens in a browser without starting Metro / a simulator — for example after /create-mobile-app finishes or after /edit-app regenerates a screen.BrowserNo warnings★ 1.1K↓ —
- add-data-sourcemicrosoft/power-platform-skillsGuide the user to add a data source, connection, or API connector to a Canvas App via Power Apps Studio, then verify and continue. USE WHEN the user asks to add a data source, add a connection, add an API, add a connector, connect to SharePoint / Dataverse / SQL / Excel / OneDrive / Teams / Office 365, or any similar request to make new data available to the app. DO NOT USE WHEN the user is asking to list or describe existing data sources — call list_data_sources or list_apis directly instead.DataNo warnings★ 1.1K↓ —
- add-datasourcemicrosoft/power-platform-skillsUse when adding an unspecified data source to an Expo/React Native Power Apps mobile app; routes to Dataverse, SharePoint, or another connector.EngineeringNo warnings★ 1.1K↓ —
- changelog-page-generatorkostja94/marketing-skillsDeprecated compatibility entry for Changelog Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Changelog Page.OtherNo warnings★ 1.1K↓ —
- pricing-page-generatorkostja94/marketing-skillsDeprecated compatibility entry for Pricing Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Pricing Page.OtherNo warnings★ 1.1K↓ —
- aitoearnNewyikart/AiToEarn全域内容运营助手（AiToEarn）：生成文章、短视频、图文与海报，并一键分发到抖音、快手、小红书、微信视频号、Facebook、TikTok 等海内外全平台，覆盖起号、涨粉、带货与变现全链路。 当用户想要创作或发布内容、生成/编辑图片、生成/剪辑/续写视频、提取字幕或语音转写、生成配音与音效、多平台一键发布或定时发布、给内容做变现规划时使用此技能。 依赖 AiToEarn MCP 提供生成与发布工具；工具未连接时如实告知用户配置方法，不虚构工具调用。OtherNo warnings★ 27.3K↓ —
- rpihashgraph-online/awesome-codex-pluginsDrive one accepted change through implementation and checks to done, with one fresh review only where a mistake is costly. Use when: asked to run or orchestrate work through RPI.EngineeringNo warnings★ 1.5K↓ —Also in 2 other repos
- contest-page-generatorkostja94/marketing-skillsDeprecated compatibility entry for Contest Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Contest Page.OtherNo warnings★ 1.1K↓ —
- oma-frontendfirst-fluke/oh-my-agentFrontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment. Use for UI, component, page, layout, CSS, Tailwind, and shadcn work.DesignNo warnings★ 1.4K↓ —
- resources-page-generatorkostja94/marketing-skillsDeprecated compatibility entry for Resource Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Resource Page.OtherNo warnings★ 1.1K↓ —
- app-buildermicrosoft/power-platform-skillsBuilds and edits a model-driven Power Apps app from a natural-language intent — tables, columns, relationships, adaptive forms with sub-grids, views, Choice-column charts, business rules, business process flows, generative page intents for overview/dashboard surfaces, and an app module + sitemap. Runs an interactive authoring flow with plan approval and can download a deployed app back into an editable spec to change it. Use when the user says "build an app for X", "create a model-driven app", "make me an app to manage Y", "add a business process flow", or "edit/add to my app". Do not use it for a generic web or React app or website, Power Pages, canvas apps, or Power Automate, or when the user rules out Power Platform, Dataverse, or model-driven apps (for example "no Power Platform"). This skill stands alone and does not require /genpage — but for a standalone generative page added to an app that already exists, use /genpage instead.DevOpsNo warnings★ 1.1K↓ —
- indexnowkostja94/marketing-skillsWhen the user wants to implement IndexNow, notify search engines of new/updated URLs, or speed up Bing indexing. Also use when the user mentions "IndexNow," "Bing indexing," "URL notification," "instant indexing," "sitemap IndexNow sync," "share URL list with sitemap," or "IndexNow API." For sitemap SSOT, use xml-sitemap.EngineeringNo warnings★ 1.1K↓ —
- add-workiqUpdatedmicrosoft/power-platform-skillsAdds Work IQ (M365 Copilot Search) to a Power Apps code app via the Work IQ Copilot MCP connector (shared_a365copilotchatmcp), then wires up a production-ready McpSession wrapper for AI-powered, knowledge-grounded search and chat. Use when integrating Microsoft 365 Copilot search/chat. The CopilotChat tool searches internal Microsoft 365 content (documents, emails, chats, sites, files) across your organization — prefer workload-specific tools (SharePoint, OneDrive, Teams, Mail) when the workload is explicit; do not use it for general knowledge, news, public web, or external information.PlanningNo warnings★ 1.1K↓ —
- add-excelmicrosoft/power-platform-skillsAdds Excel Online (Business) connector to a Power Apps code app. Use when reading or writing Excel workbook data from OneDrive or SharePoint.DocumentsNo warnings★ 1.1K↓ —
- genpagemicrosoft/power-platform-skillsCreates, updates, and deploys Power Apps generative pages for model-driven apps using React v17, TypeScript, and Fluent UI V9. Orchestrates specialist agents for planning, entity creation, and code generation. Use it when user asks to build, retrieve, or update a page in an existing Microsoft Power Apps model-driven app. Use it when user mentions "generative page", "page in a model-driven", or "genux". Do not use it for a generic or standalone React or web app, website, or dashboard (including a Power Apps code app), for Power Pages, canvas apps, or Power Automate, or when the user rules out Power Platform, Dataverse, or model-driven apps (for example "no Power Platform"). A generative page only runs inside a model-driven app, and this skill cannot scaffold a standalone project. This skill stands alone and does not require /app-builder — but if the user wants a whole app built (tables, forms, views, sitemap) rather than pages for an app that already exists, use /app-builder instead.DevOpsNo warnings★ 1.1K↓ —
- oma-brainstormNewfirst-fluke/oh-my-agentExplore goals, constraints, and alternative approaches before choosing a design. Use when the user requests ideation or design exploration.PlanningNo warnings★ 1.4K↓ —
- programmatic-seokostja94/marketing-skillsWhen the user wants to create SEO pages at scale using templates and data—including AI-assisted, grounded copy for per-URL differentiation (vs rigid mail-merge templates). Also use when the user mentions "programmatic SEO," "programmatic SEO pages," "template pages," "scale content," "location pages," "city pages," "comparison pages at scale," "X vs Y pages," "integration pages," "pages from data," "automated landing pages," or "programmatic landing pages." Uses a playbook matrix aligned to skills under skills/pages. For user-facing template galleries or marketplaces (browse → use), use template-page-generator.MarketingNo warnings★ 1.1K↓ —
- oma-mobilefirst-fluke/oh-my-agentMobile specialist for Flutter, React Native, and cross-platform mobile development. Use for mobile app, Flutter, Dart, iOS, Android, Riverpod, and widget work.PlanningNo warnings★ 1.4K↓ —
- copywritingkostja94/marketing-skillsWhen the user wants to write or optimize short-form marketing copy—headlines, CTAs, ad copy, landing page copy, email copy. Also use when the user mentions "copywriting," "headline," "CTA copy," "ad copy," "landing page copy," "sales copy," "conversion copy," "PAS," "AIDA," "BAB," "copy formula," or "differentiation." For long-form article bodies (blog posts, guides), use article-content.MarketingNo warnings★ 1.1K↓ —
- planhashgraph-online/awesome-codex-pluginsCreate a structured implementation plan with parallel agent research before coding.PlanningNo warnings★ 1.5K↓ —
- youtube-seokostja94/marketing-skillsWhen the user wants to optimize YouTube videos for search, create video descriptions, or improve channel visibility. Also use when the user mentions "YouTube SEO," "YouTube description," "YouTube tags," "YouTube thumbnail," "YouTube title," "YouTube channel," or "video SEO." For YouTube ads, use youtube-ads.MarketingNo warnings★ 1.1K↓ —
- terms-page-generatorkostja94/marketing-skillsDeprecated compatibility entry for Terms Page construction. This page is now maintained in Pagina; install and use page-builder to build a new Terms Page.OtherNo warnings★ 1.1K↓ —
- oma-scholarUpdatedfirst-fluke/oh-my-agentSearch academic literature and generate, validate, or compare Knows paper sidecars. Use for claim/evidence analysis and literature synthesis.ScienceNo warnings★ 1.4K↓ —Also in 3 other repos
- cloudbase-mcpTencentCloudBase/CloudBase-AI-ToolkitCloudBase MCP reference. Use when connecting local or remote MCP, calling tools from the shell with mcporter, reading tool schemas, choosing the domestic or international endpoint, setting site, region, cloud mode, or plugin flags, or contributing a fix to the open-source MCP server, skills, or CLI.EngineeringNo warnings★ 1.2K↓ —Also in 5 other repos
frontend-component-build
rampstackco/claude-skills
DesignUpdated Oct 27, 2026
From the author
Build production-ready frontend components with accessible markup, sensible props, defined states, and tested behavior. Use this skill whenever the user wants to build a component from scratch, refactor an existing one, design a component API, or implement a UI element with proper states and accessibility. Triggers on build a component, create a button, create a modal, create a form input, component API, props design, component states, refactor component, accessible component. Also triggers when implementing UI from a design that needs to be reusable.
Install
npx skills add rampstackco/claude-skills --skill frontend-component-build -a claude-code
Installs to .claude/skills/frontend-component-build/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Download .zip
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
What it can touch
Instructions onlyNo network use seenLicence: MIT
Safety checks on SKILL.md
No warnings.
Why 88
Security100
Provenance76
Maintenance100
Licence100
Adoption49
Files (5)
- README.md
- SKILL.md
- references/accessibility-patterns.md
- references/component-api-patterns.md
- references/component-spec-template.md