Reuse shadcn/ui components to build dark-theme Envelope System interfaces.
npx skills add https://github.com/tonyoconnell/agent-ui --skill shadcn-tonyoconnell
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/tonyoconnell/agent-ui/tree/main/.claude/skills/shadcn Command: npx skills add https://github.com/tonyoconnell/agent-ui --skill shadcn-tonyoconnell
Streamlines UI development by providing a standardized set of shadcn/ui components for the Envelope System UI, ensuring visual consistency and faster assembly.
Import and compose components from src/components/ui/ (Card, Tabs, Badge, Button) to build your Envelope UI with the dark theme.
High-intent search queries and answers about installing and using this skill.
You can build a consistent dark-theme UI by reusing prebuilt shadcn/ui components like Card, Tabs, Badge, and Button to ensure visual consistency and faster assembly across your frontend application.
Standardize frontend UI components by importing and composing prebuilt shadcn/ui elements such as Dialog, Accordion, and ScrollArea, which provide a cohesive look and standardized building blocks for panels.
Yes, you can customize shadcn/ui components to fit new panels by following the included guidelines for extending and modifying the standardized building blocks within your React and Tailwind environment.
Apply a dark theme color system by utilizing the practical usage examples and guidance provided for shadcn/ui components, ensuring your React UI maintains a cohesive dark-theme look throughout.
H2OSLabsGenerate ready-to-share Claude.ai HTML artifacts as bundled React projects.
zaid-khan-codeSet up Shadcn UI components with dark mode in Next.js.
ChenYCLGenerate HTML artifacts with React, Tailwind CSS, and shadcn/ui components.
justinlevinedotmeCreate reusable Radix UI and Tailwind CSS components for React projects.
