Frontend & UI Skills

Creates a simple, responsive linear layout for your web projects, offering a clean and efficient way to arrange content vertically.

Quickly generate foundational design system files (tokens, components, documentation) based on provided branding guidelines.

Generates diverse website themes instantly, streamlining design workflows and accelerating project development for frontend developers.

This skill integrates Jira into your workflows, allowing you to manage and interact with Jira issues directly from your chat interface for streamlined project tracking.

Generate complex, reusable UI components & design systems in Tailwind CSS based on detailed specifications and existing styles.

Helps with React, testing 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.

This skill generates clean, responsive Tailwind CSS code for your projects, accelerating frontend development and ensuring consistent styling.

Ensures Framer Motion animations adhere to performance best practices, optimizing smoothness and reducing resource usage.

Helps with mobile development, design as part of building frontend UIs and user experiences workflows.

Quickly generate foundational design system files and components using Softaworks' pre-built templates for rapid frontend development.

Helps with web development, performance optimization, optimization as part of building frontend UIs and user experiences workflows.

Helps with SwiftUI, patterns as part of building frontend UIs and user experiences workflows.

Helps with Next.js, Supabase, authentication as part of building frontend UIs and user experiences workflows.

Generates interactive JSON canvas visualizations from data, enabling dynamic exploration and manipulation within a frontend application.

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

This skill rapidly launches basic SaaS platforms by generating frontends and essential backend logic, streamlining MVP development.

This skill generates accessible Liquid themes by applying accessibility best practices, ensuring inclusive web design for all users.

Executes Bash commands within a Linux environment for interactive shell access and system administration tasks, streamlining automation.

Handles complex asynchronous operations in React using Swift Concurrency (6.2), improving UI responsiveness and code clarity.

This skill lets you dynamically adjust the AI’s tone and style (behavioral modes) for tailored conversations and improved user engagement.

Generates clean, reusable UI components using Shadcn/UI based on provided design specifications and requirements.

D3 Viz generates interactive D3.js visualizations from data, streamlining dashboard creation and insightful data exploration.

Notebooklm allows users to seamlessly integrate AI models directly into their Jupyter notebooks for interactive experimentation and analysis.