Browse skills

Gsap Fundamentals teaches you the core principles of Green Screen compositing using GSAP, streamlining complex visual effects workflows and improving efficiency.

Generates SVG art from text prompts, offering a flexible and scalable way to create custom graphics for web design projects.

This skill generates Framer Motion code for creating dynamic UI animations and transitions, streamlining responsive web development.

This skill breaks down complex tasks into smaller, manageable steps, boosting productivity and clarity for users.

Automates Flutter app UI testing by controlling device interactions and capturing screenshots for visual validation.

Automatically generates Tailwind CSS utility class suggestions based on your HTML structure and desired styling.

Hooks allows you to inject custom code snippets into conversations for dynamic actions and tailored responses – boosting automation & interactivity.

Generates creative, fantastical element names & descriptions for worldbuilding and storytelling – boosting imaginative content quickly.

Extracts structured data from websites using Firecrawl, bypassing common anti-scraping measures.

The Hook Developer generates concise, engaging hooks for various content types, boosting initial interest and click-through rates.

Generates HTML code snippets for web development tasks, streamlining content creation and ensuring proper formatting for websites.

Simulates an iOS environment for testing and debugging Axe apps, streamlining development workflows and ensuring compatibility.

Morphing Icons dynamically changes icon styles based on user interaction, enhancing visual engagement and usability.

This skill generates interactive 3D graphics using Three.js, enabling immersive visualizations and enhancing user experiences.

Shadcn Layouts provides pre-built, accessible, and responsive UI components for rapid frontend development, boosting efficiency and consistency.

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualis

Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowcharts, process diagrams, workflow visualizations, or decision tr

Create HTML timelines and project roadmaps with Gantt charts, milestones, phase groupings, and progress indicators. Use when users request timelines, roadmaps, Gantt charts, project schedules, or mile

<!-- PM-Skills | https://github.com/product-on-purpose/pm-skills | Apache 2.0 -->

<!-- PM-Skills | https://github.com/product-on-purpose/pm-skills | Apache 2.0 -->

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create ori

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact t

SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.