ui-ux-design-tool-free移动优先的UI/UX设计指南,涵盖配色系统、字体排版、布局模式、微交互的基础设计原则
Install via ClawdBot CLI:
clawdbot install thcjp/ui-ux-design-tool-freeGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Potentially destructive shell commands in tool definitions
EXEC(Calls external URL not in known-safe list
https://deb.nodesource.com/setup_20.xAudited Sep 4, 2026 · audit v1.0
Generated Sep 4, 2026
Independent developers can use the skill to design clean, responsive blog pages that emphasize readability and mobile-first layout. The skill provides guidelines for typography, spacing, and color contrast to ensure a professional look.
Small SaaS teams can leverage the skill to create high-converting landing pages with hero sections, feature grids, and pricing tables. The mobile-first approach and design tokens help establish consistent visual branding.
Mobile app developers can use the skill to design UI components and screen layouts for prototypes. It covers essential interaction patterns like touch targets and micro-interactions to enhance usability.
Development teams can use the skill to maintain consistent UI across their web apps by defining color systems, typography scales, and layout grids. It ensures a unified visual language without a dedicated designer.
Creatives can apply the skill to design visually appealing portfolio websites that highlight their work. The guidelines help in creating intuitive navigation and responsive layouts.
Use the skill to design a user-friendly, conversion-optimized product interface that reduces friction. A polished UI/UX supports free trials and upsells, driving user acquisition and retention.
The skill helps design a mobile-first freemium tool with simple onboarding and clear value proposition. Effective micro-interactions and visual hierarchy guide users to premium features.
Agencies or independent designers can incorporate the skill into their workflow to deliver consistent, high-quality design outputs for clients. It enables faster prototyping and establishes trust.
💬 Integration Tip
This skill is best used as a guide during development. Combine with Tailwind CSS for rapid implementation; save the design tokens as CSS variables for consistent reuse.
Scored Sep 4, 2026
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL requir...
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.
Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML.
Generate professional book covers and ebook covers using each::sense API with AI-powered design