abhisheksharma-17/shadcn-ui
skills/shadcn-ui/SKILL.md
shadcn/ui component system with CLI, Radix/Base UI primitives, Tailwind v4, theming, forms, data tables, charts, blocks, and custom registries. MANDATORY TRIGGERS: shadcn, shadcn/ui, shadcn-ui, shadcn ui, radix ui components. Also trigger when user wants to add accessible React components with Tailwind styling, build design systems with copy-paste components, create dashboards with charts and data tables, set up form validation with React Hook Form and Zod, or distribute components via custom registries. When in doubt about whether to use this skill for React UI component tasks, use it.
$ install --global
skillsauthnpx skillsauth add abhisheksharma-17/skills-graph shadcn-uiInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 9, 2026, 4:44 AM158.4s18 files scanned
SKILL.md
- name:
- shadcn-ui
- description:
- shadcn/ui component system with CLI, Radix/Base UI primitives, Tailwind v4, theming, forms, data tables, charts, blocks, and custom registries. MANDATORY TRIGGERS: shadcn, shadcn/ui, shadcn-ui, shadcn ui, radix ui components. Also trigger when user wants to add accessible React components with Tailwind styling, build design systems with copy-paste components, create dashboards with charts and data tables, set up form validation with React Hook Form and Zod, or distribute components via custom registries. When in doubt about whether to use this skill for React UI component tasks, use it.
- license:
- MIT
- version:
- 1.0.0
- author:
- Abhishek Sharma
- tags:
- ["shadcn-ui", "react", "components", "tailwind", "radix-ui", "design-system", "forms", "charts", "accessibility"]
shadcn/ui — Skill Router
Beautifully-designed, accessible components and a code distribution platform. Open source. Open code.
Source: ui.shadcn.com | Package: shadcn v4.7.x | License: MIT
Reference Files
| Reference | File | Read When |
|-----------|------|-----------|
| Overview & Setup | references/00-overview.md | Getting started, installation, philosophy, quickstart |
| CLI Commands | references/01-cli.md | init, add, build, search, view, info, docs, registry commands |
| Configuration | references/02-configuration.md | components.json, Tailwind v4, project settings |
| Theming | references/03-theming.md | CSS variables, OKLCH colors, dark mode, presets |
| Layout Components | references/04-layout-components.md | Card, Sidebar, Scroll Area, Resizable, Separator |
| Form Components | references/05-form-components.md | Input, Select, Checkbox, Radio, Switch, Textarea, OTP |
| Form Validation | references/06-form-validation.md | React Hook Form + Zod, FormField, error handling |
| Feedback & Overlays | references/07-feedback-overlays.md | Dialog, Sheet, Drawer, Toast, Sonner, Popover, Tooltip |
| Navigation | references/08-navigation-components.md | Tabs, Accordion, Nav Menu, Breadcrumb, Command, Pagination |
| Data Display | references/09-data-display.md | Table, Data Table, Badge, Avatar, Skeleton, Progress |
| Charts | references/10-charts.md | Recharts v3, area, bar, line, pie, radar, tooltips |
| Registry & Blocks | references/11-registry.md | Custom registries, blocks, distribution, design systems |
| Accessibility | references/12-accessibility.md | ARIA patterns, keyboard navigation, screen readers |
Installation
# Initialize in existing project
npx shadcn@latest init
# Add components
npx shadcn@latest add button card dialog
# Add from URL or registry
npx shadcn@latest add https://example.com/r/my-component.json
Quick Reference
- Docs: https://ui.shadcn.com/docs
- GitHub: https://github.com/shadcn-ui/ui
- npm: https://www.npmjs.com/package/shadcn
- Blocks: https://ui.shadcn.com/blocks
- Charts: https://ui.shadcn.com/charts
- Registry: https://ui.shadcn.com/docs/registry
Related Skills
abhisheksharma-17/weaviate
tools
VerifiedTrustedCommunity
Open-source AI-native vector database for semantic search, hybrid search, RAG, and agent-driven workflows with multi-tenancy and model provider integrations. MANDATORY TRIGGERS: weaviate, Weaviate, weaviate-client, near_text, near_vector, hybrid search vector database, WeaviateClient, weaviate.connect, collections.create, query.near_text, query.hybrid, query.bm25. Also trigger when user wants to build semantic search, store vector embeddings, implement RAG pipelines, combine keyword and vector search, set up multi-tenant vector storage, use named vectors, or integrate vector DB with LLM providers. When in doubt about whether to use this skill for vector database or semantic search tasks, use it.
1SKILL.mdUpdated Jun 4, 2026
abhisheksharma-17/playwright
tools
VerifiedTrustedCommunity
End-to-end testing and browser automation framework by Microsoft — locators, assertions, fixtures, network mocking, visual testing, tracing, codegen, API testing, and CI/CD integration. MANDATORY TRIGGERS: playwright, Playwright, @playwright/test, page.goto, page.click, page.locator, getByRole, getByText, getByTestId, expect(page), toHaveScreenshot, playwright.config, npx playwright. Also trigger when user wants to write E2E tests, automate browser interactions, test across Chromium/Firefox/WebKit, mock network requests in tests, do visual regression testing, generate tests with codegen, or set up CI test pipelines. When in doubt about whether to use this skill for browser testing or E2E automation tasks, use it.
1SKILL.mdUpdated Jun 4, 2026
abhisheksharma-17/openai-agents-sdk
tools
VerifiedTrustedCommunity
OpenAI Agents SDK for building multi-agent workflows with tools, handoffs, guardrails, streaming, MCP, sessions, and tracing. MANDATORY TRIGGERS: openai-agents, openai agents sdk, openai-agents-python, openai agents, Runner.run, function_tool, handoff, guardrail, MCPServerStdio, MCPServerStreamableHttp, HostedMCPTool, RunContextWrapper, AgentHooks. Also trigger when user wants to build multi-agent systems with OpenAI models, create agent orchestration with handoffs, add guardrails to LLM applications, integrate MCP servers with agents, implement streaming agent responses, or use OpenAI's official agent framework. When in doubt about whether to use this skill for OpenAI agent tasks, use it.
1SKILL.mdUpdated Jun 4, 2026
abhisheksharma-17/haystack
tools
VerifiedTrustedCommunity
AI orchestration framework for building production-ready RAG applications, autonomous agents, and multimodal search systems. MANDATORY TRIGGERS: haystack, deepset, haystack-ai, haystack pipeline, haystack agent. Also trigger when the user wants to build RAG pipelines with modular components, create tool-calling agents with Haystack, orchestrate retrieval-augmented generation, build semantic search systems, or evaluate LLM pipelines. When in doubt about whether to use this skill for RAG orchestration or AI pipeline tasks, use it.
1SKILL.mdUpdated Jun 4, 2026