Agent Skills

A collection of expert knowledge for AI agents.

18 TOTAL

Crafted by Me

External Reference

12-principles-of-animation

Apply Disney's 12 principles to web interfaces to create natural, organic, and lifelike motion that enhances user engagement.

npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill 12-principles-of-animation

baseline-ui

Enforces an opinionated UI baseline to prevent AI-generated interface slop.

npx skills add https://github.com/ibelick/ui-skills --skill baseline-ui

canvas-design

Create beautiful visual art, posters, and static designs in PNG and PDF formats using professional design philosophy and original visual elements.

npx skills add https://github.com/anthropics/skills --skill canvas-design

design-lab

Conduct interactive design exploration, interviews, and variant generation to refine UI designs through iterative feedback.

npx skills add https://github.com/0xdesign/design-plugin --skill design-lab

find-skills

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", or express interest in extending capabilities.

npx skills add https://github.com/vercel-labs/skills --skill find-skills

fixing-accessibility

Fix accessibility issues. Ensure the component is accessible to all users.

npx skills add https://github.com/ibelick/ui-skills --skill fixing-accessibility

fixing-metadata

Ship correct, complete metadata for SEO and performance optimization.

npx skills add https://github.com/ibelick/ui-skills --skill fixing-metadata

fixing-motion-performance

Fix animation performance issues. Optimize animations and interactions.

npx skills add https://github.com/ibelick/ui-skills --skill fixing-motion-performance

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality, creative code, and polished UI that avoids generic AI aesthetics.

npx skills add https://github.com/anthropics/skills --skill frontend-design

interaction-design

Design and implement delightful microinteractions, motion transitions, and user feedback patterns for seamless user experiences.

npx skills add https://github.com/wshobson/agents --skill interaction-design

interface-design

Build high-quality dashboards, admin panels, and SaaS interfaces with a focus on professional craft and design consistency.

npx skills add https://github.com/dammyjay93/interface-design --skill interface-design

tailwind-css-patterns

Build modern, responsive user interfaces using expert Tailwind CSS utility-first patterns and modern CSS best practices.

npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit --skill tailwind-css-patterns

ui-ux-pro-max

Advanced UI/UX design intelligence featuring 50+ styles, 97 palettes, and 9 technology stacks for building professional interfaces.

npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill ui-ux-pro-max

wcag-audit-patterns

Conduct WCAG 2.2 accessibility audits with automated and manual testing, providing remediation guidance for fixing violations and accessible design.

npx skills add https://github.com/wshobson/agents --skill wcag-audit-patterns

web-design-guidelines

Review UI code for Web Interface Guidelines compliance.

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

web-haptics

Provides cross-platform haptic feedback for mobile web and PWAs, enabling native-feeling vibrations on both iOS and Android browsers.

npx skills add https://github.com/lochie/web-haptics --skill web-haptics