ui-design-tips
No SKILL.md available for this skill.
View on GitHubMore from dereknex/skills
seo-optimizer
Use when optimizing website content, improving search rankings, conducting keyword research, or implementing technical SEO best practices.
8animation-designer
Use when the user explicitly requests animations, transitions, or motion design for a web UI.
6frontend-design
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, polished code that avoids generic AI aesthetics.
6ui-designer
Use when the user provides UI screenshots/mockups and wants a design system extracted or an implementation prompt that matches those references.
5senior-frontend
Use when developing or reviewing frontend features in React/Next.js/TypeScript, including performance optimization, component scaffolding, and UI implementation.
5vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
4