ui-designer
Use when the user provides UI screenshots/mockups and wants a design system extracted or an implementation prompt that matches those references.
Browse published AI skills maintained by dereknex. Compare skill descriptions and follow each source repository for setup instructions.
Indexed skills
11Repository stars across indexed skills
11Repository forks
0Average repository stars per indexed skill
1Repository stars may repeat across skills from the same repository.
Use when the user provides UI screenshots/mockups and wants a design system extracted or an implementation prompt that matches those references.
Use when the user explicitly requests animations, transitions, or motion design for a web UI.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, poli...
Use when optimizing website content, improving search rankings, conducting keyword research, or implementing technical SEO best practices.
Use when building or styling React-based UIs with shadcn/ui and Tailwind CSS, including responsive layouts, accessible components, and theme customization.
Use when asked for UX strategy or behavior guidance on landing pages, onboarding, pricing, CTAs, social proof, personalization, login, permissions, or brand memorability.
Use when a user asks for UI design tips or quick critique about layout, hierarchy, CTAs, forms, navigation, cards, tooltips, charts, or confirmation patterns.
Use when designing or reviewing UI in React-based frameworks (Next.js, Vite, Remix, Astro) and the task involves checking interface style, interaction, animation, typography, layout, performance, or design cons...
Use when developing or reviewing frontend features in React/Next.js/TypeScript, including performance optimization, component scaffolding, and UI implementation.
Use when designing, reviewing, or implementing web UIs and you need concrete MUST/SHOULD/NEVER rules for accessibility, interaction patterns, forms, layout, animation, performance, content, or visual design dec...
Use when the user asks for posters, artwork, or other standalone static visuals, especially when output is requested as PNG or PDF.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.