Does this skill provide actual Figma files?

No, it provides detailed design specifications, dimensions, and styling logic that Claude uses to help you generate code or descriptions for Figma-ready components.

What UI frameworks is this skill compatible with?

The skill provides platform-agnostic design specs (pixels, hex codes, flexbox logic) that can be easily implemented in React, Vue, Tailwind CSS, or raw CSS.

Can I use these components for non-todo applications?

Yes. While the skill is optimized for task management, the core components like navigation, profile cards, and form inputs are applicable to any SaaS or admin dashboard.

Does it include mobile-responsive layouts?

Yes, the skill includes specific guidelines for responsive behavior, including mobile drawer menus and stacked card layouts for smaller screens.

Figma Dashboard UI Components

Name: Figma Dashboard UI Components
Author: NaimalArain13

byNaimalArain13

0•

Design Tools

Generates comprehensive UI component specifications and layouts for professional task management dashboards and user interfaces.

This skill equips Claude with a library of standardized design patterns and technical specifications for building modern dashboard applications. It provides precise measurements, component states, and layout structures for essential UI elements such as sidebar navigation, Kanban boards, task lists, and user profile pages. It is particularly useful for developers and designers looking to implement consistent, responsive, and high-quality UX for productivity tools and SaaS platforms.

Key Features

01Comprehensive UI feedback systems including toasts and skeleton loaders

02Responsive design guidelines for desktop, tablet, and mobile views

03Detailed task card designs for list, board, and calendar views

04Standardized sidebar and top navigation layout specifications

05Pre-defined styling for complex forms, date pickers, and modals

060 GitHub stars

Use Cases

01Developing a consistent design system for productivity applications

02Designing complex UI interactions like Kanban boards and data visualizations

03Building a responsive task management dashboard from scratch

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add naimalarain13/hackathon-ii_the-evolution-of-todo figma-dashboard-components

For use in Claude.ai and ChatGPT

Download Skill

Key Features

01Comprehensive UI feedback systems including toasts and skeleton loaders

02Responsive design guidelines for desktop, tablet, and mobile views

03Detailed task card designs for list, board, and calendar views

04Standardized sidebar and top navigation layout specifications

05Pre-defined styling for complex forms, date pickers, and modals

060 GitHub stars

Use Cases

01Developing a consistent design system for productivity applications

02Designing complex UI interactions like Kanban boards and data visualizations

03Building a responsive task management dashboard from scratch

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add naimalarain13/hackathon-ii_the-evolution-of-todo figma-dashboard-components

For use in Claude.ai and ChatGPT

Download Skill