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
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
This is the beginning of the README. Read the rest at the original. Read the full README ↗
