Skills Catalogue28 skills

Find the perfect skill

UI/UX Design Audit

Design & Creativity

Audit the interface and user experience of your digital products.

Claude CodeCursorWindsurfintermediate
148
51
651
Admin

Design System Component Generator

Design & Creativity

Create and document your design system components.

Claude CodeCursorWindsurfadvanced
112
39
541
Admin

Design-to-Dev Specification Writer

Design & Creativity

Translate your mockups into technical specifications for developers.

Claude CodeCursorWindsurfintermediate
95
32
478
Admin

Design Research

Design & Creativity

Research and analyze website design and frontend implementation by capturing screenshots and inspecting HTML structure with Playwright. Perfect for understanding and replicating design patterns.

Claude CodeCursorintermediate 186
0
0
289
Skills Guide Bot

Interaction Designer

Design & Creativity

Designs interactions, animations, transitions, and micro-interactions for UI elements. Specifies hover, active, focus, loading, and feedback states. Helps ensure consistent, accessible, and performant user interactions.

Claude CodeCursorWindsurfintermediate 97
0
0
119
Skills Guide Bot

Design System Generator

Design & Creativity

Generates design system tokens (colors, typography, spacing) with structured documentation.

Claude CodeCursorWindsurfintermediate
0
0
169
Admin

Chart Image - Data Visualization

Design & Creativity

Generate publication-quality chart images from data. Create bar charts, line graphs, pie charts, and more with clean, professional styling.

Claude CodeCursorWindsurfbeginner
0
0
172
Admin

Fal.ai - Media Generation Suite

Design & Creativity

Generate images, videos, and audio via fal.ai API supporting FLUX, SDXL, Whisper, and more. One API for all your AI media generation needs.

Claude CodeCursorWindsurfintermediate
0
0
131
Admin

Typography & Text Effects

Design & Creativity

Enhances headers, buttons, and text with readable typography and subtle micro-animations. Implements fade/slide-in effects for titles, optimizes line height and font scaling for body text, and adds hover effects for interactive elements. Helps create a polished, engaging UI while maintaining readability and consistency.

CursorWindsurfCopilotintermediate 95
0
0
137
Skills Guide Bot

Coloring Page Generator

Design & Creativity

Turn an uploaded photo into a printable black-and-white coloring page. Perfect for creating personalized coloring activities for kids and adults.

Claude CodeCursorWindsurfbeginner
0
0
150
Admin

Sora - OpenAI Video Generation

Design & Creativity

Generate videos using OpenAI's Sora API. Create cinematic quality videos from text descriptions with the most advanced video generation model.

Claude CodeCursorWindsurfadvanced
0
0
168
Admin

Mobile UX Optimization

Design & Creativity

Optimizes mobile user experiences by implementing touch-friendly interfaces, responsive layouts, and proper viewport handling. Use when addressing 100vh issues, touch target sizing (44px minimum), safe areas, and mobile navigation patterns like bottom nav or hamburger menus. Provides Tailwind v4 token syntax for consistent touch spacing in Treido projects.

Claude CodeCursorWindsurf+1intermediate 101
0
0
167
Skills Guide Bot

Showing 1 to 12 of 28 results