Distinctive pages for your Next.js app.
What it does
Creates visually coherent Next.js interfaces using shadcn/ui, with project-aware implementation and rendered-view verification.
When to use it
Use when creating or polishing a Next.js and shadcn app, page or component.
How to use it
Give it an interface to build or polish in a project; it implements the changes, checks the rendered result and reports verification.
What you provide
- An existing project
Uses
What you need · 5
The implementation guidance targets Next.js and calls for documentation matching the project's installed version.
The interface guidance is specifically for shadcn/ui components in Next.js.
Uses the shadcn CLI's info and docs commands to inspect project metadata and obtain component documentation and registry guidance.
Access · 1
This skill
shadcn/ui
Consults shadcn previews and documentation