OwnlyPlans Claude Skill: Find UI Components, AI Development Plans, Claude Skills, MCP Servers and Plugins

Your AI-powered development companion for discovering and using UI elements, development plans, Claude skills, MCP servers and plugins from OwnlyPlans.

A free, open-source Claude Code skill (and Claude skill for other Claude products) for vibe coding and AI-assisted development. Ask Claude to build a SaaS dashboard, landing page, e-commerce site or AI chatbot, and it searches the OwnlyPlans library of UI components, step-by-step build plans, Claude skills, MCP servers and Claude Code plugins, verifies what it finds and helps you ship.

Own the Plan.

Contents

• What is OwnlyPlans?
• What this skill does
• Features
• Resource categories
• Install
• Usage
• Example conversation
• How discovery works
• MCP integration
• Configuration
• Troubleshooting
• Contributing
• License

Who is this for?

Developers, designers, founders, students and AI builders who use Claude Code, Claude or other MCP-compatible AI coding tools and want proven starting points: React and plain HTML/CSS/JS UI components, AI app builder roadmaps, agent skills, MCP server setups and Claude Code plugin marketplaces.

What is OwnlyPlans?

OwnlyPlans is a community library for people who build with AI coding tools: Copy what works. Let AI build the rest. It holds live UI elements, step-by-step plans, Claude skills, MCP servers and Claude Code plugins.

What this skill does

When you ask Claude to build something, this skill makes Claude search OwnlyPlans first, verify what it finds, recommend the best fit, and help you apply it. It teaches Claude how to use OwnlyPlans. The MCP server is what gives Claude live access. Together they make OwnlyPlans a working part of your workflow, not just a directory.

Features

• Natural-language discovery across five resource kinds
• Intent detection and smart query expansion (a "CRM dashboard" also searches tables, charts, auth, forms)
• Verification before recommending: existence, stack fit, licence, files and install command
• Three-tier recommendations: Best match, Alternative, Advanced option
• Guided implementation: plans walked step by step, with real build and test results reported
• Strict honesty: no invented items, links, install commands, ratings or compatibility
• Works with MCP, a standard-library helper script, or plain website pages
• Dynamic: nothing is hardcoded, so it stays useful as the library grows

Resource categories

Kind	What it is	Section
component	Live UI elements with copy-ready code	/components/
plan	Step-by-step builds with prompts and checks	/plans/
skill	SKILL.md files that teach Claude a task	/skills/
mcp	MCP servers for data, browsers and services	/mcp-servers/
plugin	Claude Code plugin marketplaces	/plugins/

Install

Claude Code (personal install):

git clone https://github.com/Bhaskar-mar/ownlyplans-claude-skill.git ~/.claude/skills/ownlyplans

Verify: type / in Claude Code and look for ownlyplans. Update with git -C ~/.claude/skills/ownlyplans pull. Uninstall with rm -rf ~/.claude/skills/ownlyplans.

Connect the MCP server (separate step, recommended):

claude mcp add --transport http ownlyplanscom https://ownlyplans.com/mcp

Full guide, including project installs and Claude.ai: docs/installation.md.

Usage

Try these prompts:

• Find the best UI elements for a modern SaaS dashboard.
• Create a complete development roadmap for my startup.
• Find Claude skills that improve my coding workflow.
• Recommend MCP servers for my project.
• Help me build a responsive landing page using OwnlyPlans resources.
• Find the best resources for building an AI application.

More in the usage guide and examples.

Example conversation

You: Find the best UI elements for a modern SaaS dashboard. Plain HTML/CSS/JS.

Claude: (searches components for sidebar, table, status, pagination, checks each) Best match: Collapsible Icon Rail Sidebar - https://ownlyplans.com/bhaskar/collapsible-icon-rail-sidebar/ - gives your dashboard its shell and is plain HTML/CSS/JS. Install: copy the code from the page. Limits: demo content is placeholder. Alternative: Sortable Data Table - sortable columns, row selection, status badges. Verified: fetched both items. Not verified: how they look in your app.

That is an illustration. Results always come from the live catalogue. See examples/saas-dashboard.md.

How discovery works

以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗