Frontend & UI skills

Cf Browser allows you to browse the web using a custom-built, lightweight Chromium instance for enhanced privacy and control.

This pack provides ready-made micro-interaction animations for a polished UI experience, boosting visual appeal and user engagement.

Helps with querying, setup and configuration as part of agent workflows workflows.

This system automates opening and closing app modals, streamlining workflows & improving user experience by simplifying interactions.

This tool rapidly constructs Zustand store states from JSON definitions, streamlining application development and ensuring consistent data management.

Generates Tailwind CSS gradient classes based on color inputs, simplifying complex styling for web developers.

This tool automatically generates optimized page layouts from content, saving time and ensuring professional designs for various projects.

This skill instantly switches your chat to dark mode, improving readability and reducing eye strain for a more comfortable experience.

This skill automatically optimizes code reloading processes for faster development cycles and reduced build times – a huge productivity boost!

Implements internationalized frontend components in React/Vue based on provided translations and design specifications.

Generates responsive UI components and code adhering to a defined design system using monkey1sai's AI expertise.

This skill orchestrates workflows based on events, automating processes and ensuring timely responses for efficient system management.

Optimizes website performance by automatically adjusting frontend assets to improve Core Web Vitals scores.

This skill generates Framer Motion animations based on prompts, streamlining UI development and creating dynamic front-end experiences quickly.

This Accessibility Auditor analyzes web content to identify potential barriers for users with disabilities, ensuring inclusive design and compliance.

Helps with Storybook, setup and configuration as part of agent workflows workflows.

Automatically generates user experience flows and state diagrams from prompts, optimizing digital product design workflows.

Generates reusable React hooks from natural language descriptions, streamlining component logic and reducing boilerplate code.

Helps with React, server, components as part of building frontend UIs and user experiences workflows.

Helps with Expo, LLMs as part of building frontend UIs and user experiences workflows.

Helps with Vercel, React as part of building frontend UIs and user experiences workflows.

Helps with Vercel, React as part of building frontend UIs and user experiences workflows.

Helps with Vercel, React, best practices as part of building frontend UIs and user experiences workflows.

Helps with Vercel, React, best practices as part of building frontend UIs and user experiences workflows.

Automates frontend component upgrades within infinite-loop factories, minimizing downtime and maximizing efficiency through continuous deployment.