yashdev9274 / yashdev9274/supercli
Create shared UI component library in packages/ui
Open
Nobody has claimed this yet.
enhancement
ui/ux
- Dominant language
- TypeScript
- Stars
- 214
- Forks
- 41
- Avg merge
- 2h 26m
- Merged PRs (30d)
- 34
Description
Description
Build out the shared UI component library in packages/ui following the existing patterns in apps/web/components/ui.
Expected Deliverables
- Set up packages/ui with proper exports
- Create base components:
- Button
- Input
- Card
- Modal/Dialog
- Dropdown Menu
- Avatar
- Badge
- Add Storybook for component documentation
- Publish package for internal use
Requirements
- Use Tailwind CSS v4
- Follow existing cn() utility pattern
- Include TypeScript types
- Add basic component tests
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by comparing the existing patterns in apps/web/components/ui with the current repository structure, then inspect how packages are exported and tested. The work is complete when packages/ui provides the listed components with TypeScript types, Tailwind CSS v4 and cn() usage, Storybook documentation, basic tests, and internal publishing setup.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- storybook, tailwindcss, typescript
- Domain
- documentation, frontend, testing, tooling
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 32/100