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

デザインツール

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.

主な機能

Comprehensive UI feedback systems including toasts and skeleton loaders
Responsive design guidelines for desktop, tablet, and mobile views
Detailed task card designs for list, board, and calendar views
Standardized sidebar and top navigation layout specifications
Pre-defined styling for complex forms, date pickers, and modals
0 GitHub stars

ユースケース

Developing a consistent design system for productivity applications
Designing complex UI interactions like Kanban boards and data visualizations
Building 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

GitHub

概要