{"owner":"docs","repo":"components","hasSkills":true,"totalSkillsCount":4,"totalTokensCount":1255,"categories":["mcp-config","marketplace","plugin-manifest","cursor-rule"],"hasMcp":true,"mcpConfig":{"mcpServers":{"components":{"command":"npx","args":["-y","@modelcontextprotocol/server-components"]}}},"found":[".cursor/mcp.json",".claude-plugin/marketplace.json",".claude-plugin/plugin.json",".cursorrules (react-components-creation-cursorrules-prompt-file.mdc)"],"skills":{".cursor/mcp.json":"# Model Context Protocol (MCP) Configuration\n\nPath: `.cursor/mcp.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.cursor/mcp.json)",".claude-plugin/marketplace.json":"# Claude Plugin Marketplace Catalog\n\nPath: `.claude-plugin/marketplace.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/marketplace.json)",".claude-plugin/plugin.json":"# claude-plugin Plugin Manifest\n\nPath: `.claude-plugin/plugin.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/plugin.json)",".cursorrules (react-components-creation-cursorrules-prompt-file.mdc)":"---\ndescription: \"Cursor rules for React component creation and development.\"\nglobs: **/*\nalwaysApply: false\n---\n# Cursor Rules\n\n## Whenever you need a React component\n\n1. Carefully consider the component's purpose, functionality, and design\n\n2. Think slowly, step by step, and outline your reasoning\n\n3. Check if a similar component already exists in any of the following locations\n   1. packages/ui/src/components\n   2. apps/spa/src/components\n\n4. If it doesn't exist, generate a detailed prompt for the component, including:\n   - Component name and purpose\n   - Desired props and their types\n   - Any specific styling or behavior requirements\n   - Mention of using Tailwind CSS for styling\n   - Request for TypeScript usage\n\n5. URL encode the prompt.\n\n6. Create a clickable link in this format:\n   [ComponentName](https://v0.dev/chat?q={encoded_prompt})\n\n7. After generating, adapt the component to fit our project structure:\n   - Import\n     - common shadcn/ui components from <ui_package_alias>@repo/ui/components/ui/</ui_package_alias>\n     - app specific components from <app_package_alias>@/components</app_package_alias>\n   - Ensure it follows our existing component patterns\n   - Add any necessary custom logic or state management\n\nExample prompt template:\n\"Create a React component named {ComponentName} using TypeScript and Tailwind CSS. It should {description of functionality}. Props should include {list of props with types}. The component should {any specific styling or behavior notes}. Please provide the full component code.\"\n\nRemember to replace placeholders like <ui_package_path> and <app_package_alias> with the actual values used in your project.\n"},"files":{".cursor/mcp.json":"# Model Context Protocol (MCP) Configuration\n\nPath: `.cursor/mcp.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.cursor/mcp.json)",".claude-plugin/marketplace.json":"# Claude Plugin Marketplace Catalog\n\nPath: `.claude-plugin/marketplace.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/marketplace.json)",".claude-plugin/plugin.json":"# claude-plugin Plugin Manifest\n\nPath: `.claude-plugin/plugin.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/plugin.json)",".cursorrules (react-components-creation-cursorrules-prompt-file.mdc)":"---\ndescription: \"Cursor rules for React component creation and development.\"\nglobs: **/*\nalwaysApply: false\n---\n# Cursor Rules\n\n## Whenever you need a React component\n\n1. Carefully consider the component's purpose, functionality, and design\n\n2. Think slowly, step by step, and outline your reasoning\n\n3. Check if a similar component already exists in any of the following locations\n   1. packages/ui/src/components\n   2. apps/spa/src/components\n\n4. If it doesn't exist, generate a detailed prompt for the component, including:\n   - Component name and purpose\n   - Desired props and their types\n   - Any specific styling or behavior requirements\n   - Mention of using Tailwind CSS for styling\n   - Request for TypeScript usage\n\n5. URL encode the prompt.\n\n6. Create a clickable link in this format:\n   [ComponentName](https://v0.dev/chat?q={encoded_prompt})\n\n7. After generating, adapt the component to fit our project structure:\n   - Import\n     - common shadcn/ui components from <ui_package_alias>@repo/ui/components/ui/</ui_package_alias>\n     - app specific components from <app_package_alias>@/components</app_package_alias>\n   - Ensure it follows our existing component patterns\n   - Add any necessary custom logic or state management\n\nExample prompt template:\n\"Create a React component named {ComponentName} using TypeScript and Tailwind CSS. It should {description of functionality}. Props should include {list of props with types}. The component should {any specific styling or behavior notes}. Please provide the full component code.\"\n\nRemember to replace placeholders like <ui_package_path> and <app_package_alias> with the actual values used in your project.\n"},"items":[{"name":"marketplace.json","path":".claude-plugin/marketplace.json","rawUrl":"https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/marketplace.json","title":"Claude Plugin Marketplace Catalog","category":"marketplace","format":"json","content":"# Claude Plugin Marketplace Catalog\n\nPath: `.claude-plugin/marketplace.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/marketplace.json)","tokens":300,"sizeBytes":194},{"name":"plugin.json","path":".claude-plugin/plugin.json","rawUrl":"https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/plugin.json","title":"claude-plugin Plugin Manifest","category":"plugin-manifest","format":"json","content":"# claude-plugin Plugin Manifest\n\nPath: `.claude-plugin/plugin.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/plugin.json)","tokens":300,"sizeBytes":180},{"name":"mcp.json","path":".cursor/mcp.json","rawUrl":"https://raw.githubusercontent.com/docs/components/HEAD/.cursor/mcp.json","title":"Model Context Protocol (MCP) Configuration","category":"mcp-config","format":"json","content":"# Model Context Protocol (MCP) Configuration\n\nPath: `.cursor/mcp.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.cursor/mcp.json)","tokens":300,"sizeBytes":173},{"name":".cursorrules","path":".cursorrules (react-components-creation-cursorrules-prompt-file.mdc)","rawUrl":"https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/react-components-creation-cursorrules-prompt-file.mdc","title":"Awesome Cursorrules: react components creation","category":"cursor-rule","format":"markdown","content":"---\ndescription: \"Cursor rules for React component creation and development.\"\nglobs: **/*\nalwaysApply: false\n---\n# Cursor Rules\n\n## Whenever you need a React component\n\n1. Carefully consider the component's purpose, functionality, and design\n\n2. Think slowly, step by step, and outline your reasoning\n\n3. Check if a similar component already exists in any of the following locations\n   1. packages/ui/src/components\n   2. apps/spa/src/components\n\n4. If it doesn't exist, generate a detailed prompt for the component, including:\n   - Component name and purpose\n   - Desired props and their types\n   - Any specific styling or behavior requirements\n   - Mention of using Tailwind CSS for styling\n   - Request for TypeScript usage\n\n5. URL encode the prompt.\n\n6. Create a clickable link in this format:\n   [ComponentName](https://v0.dev/chat?q={encoded_prompt})\n\n7. After generating, adapt the component to fit our project structure:\n   - Import\n     - common shadcn/ui components from <ui_package_alias>@repo/ui/components/ui/</ui_package_alias>\n     - app specific components from <app_package_alias>@/components</app_package_alias>\n   - Ensure it follows our existing component patterns\n   - Add any necessary custom logic or state management\n\nExample prompt template:\n\"Create a React component named {ComponentName} using TypeScript and Tailwind CSS. It should {description of functionality}. Props should include {list of props with types}. The component should {any specific styling or behavior notes}. Please provide the full component code.\"\n\nRemember to replace placeholders like <ui_package_path> and <app_package_alias> with the actual values used in your project.\n","tokens":355,"sizeBytes":1671}],"systemPromptSnippet":"<yakaai_skills repo=\"docs/components\">\n<!-- File: .claude-plugin/marketplace.json (Tokens: ~300 | Category: marketplace) -->\n# Claude Plugin Marketplace Catalog\n\nPath: `.claude-plugin/marketplace.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/marketplace.json)\n\n<!-- File: .claude-plugin/plugin.json (Tokens: ~300 | Category: plugin-manifest) -->\n# claude-plugin Plugin Manifest\n\nPath: `.claude-plugin/plugin.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.claude-plugin/plugin.json)\n\n<!-- File: .cursor/mcp.json (Tokens: ~300 | Category: mcp-config) -->\n# Model Context Protocol (MCP) Configuration\n\nPath: `.cursor/mcp.json`\n\n[View Raw Content on GitHub](https://raw.githubusercontent.com/docs/components/HEAD/.cursor/mcp.json)\n\n<!-- File: .cursorrules (react-components-creation-cursorrules-prompt-file.mdc) (Tokens: ~355 | Category: cursor-rule) -->\n---\ndescription: \"Cursor rules for React component creation and development.\"\nglobs: **/*\nalwaysApply: false\n---\n# Cursor Rules\n\n## Whenever you need a React component\n\n1. Carefully consider the component's purpose, functionality, and design\n\n2. Think slowly, step by step, and outline your reasoning\n\n3. Check if a similar component already exists in any of the following locations\n   1. packages/ui/src/components\n   2. apps/spa/src/components\n\n4. If it doesn't exist, generate a detailed prompt for the component, including:\n   - Component name and purpose\n   - Desired props and their types\n   - Any specific styling or behavior requirements\n   - Mention of using Tailwind CSS for styling\n   - Request for TypeScript usage\n\n5. URL encode the prompt.\n\n6. Create a clickable link in this format:\n   [ComponentName](https://v0.dev/chat?q={encoded_prompt})\n\n7. After generating, adapt the component to fit our project structure:\n   - Import\n     - common shadcn/ui components from <ui_package_alias>@repo/ui/components/ui/</ui_package_alias>\n     - app specific components from <app_package_alias>@/components</app_package_alias>\n   - Ensure it follows our existing component patterns\n   - Add any necessary custom logic or state management\n\nExample prompt template:\n\"Create a React component named {ComponentName} using TypeScript and Tailwind CSS. It should {description of functionality}. Props should include {list of props with types}. The component should {any specific styling or behavior notes}. Please provide the full component code.\"\n\nRemember to replace placeholders like <ui_package_path> and <app_package_alias> with the actual values used in your project.\n</yakaai_skills>"}