Does it support mobile-friendly designs?

Yes, the skill automatically applies responsive design principles to ensure all generated components work across various screen sizes.

What is Stitch in this context?

Stitch is the underlying orchestration engine within the Grimoires plugin package that powers the logic for the design workflow.

What is the Design skill for Claude Code?

It is a specialized capability within the Grimoires plugin package that automates UI/UX design workflows, allowing Claude to create components and sync with Figma.

Is the generated code accessible?

Absolutely, the Design skill prioritizes accessibility standards (A11y) to ensure that generated UI components meet modern web standards.

How do I trigger the Figma integration?

You can use the command '/cast:design --figma' to initiate synchronization and pull design data into your project environment.

UI/UX Design Wizard

Name: UI/UX Design Wizard
Author: TheMagicTower

byTheMagicTower

デザインツール

Accelerates the UI/UX design workflow by generating responsive, accessible components and integrating seamlessly with Figma.

概要

The Design skill for Claude Code streamlines the transition from concept to code by leveraging Stitch for advanced UI/UX orchestration. It enables developers to generate production-ready component designs, sync directly with Figma assets, and ensure all outputs are responsive and accessible. This skill is ideal for frontend developers who need to rapidly prototype interfaces, maintain design system consistency, or bridge the gap between design tools and code within their Claude-powered environment.

主な機能

Generates production-grade UI components
Seamless Figma integration and synchronization
Ensures WCAG accessibility compliance
Automates UI/UX workflows using Stitch
0 GitHub stars
Built-in responsive design principles

ユースケース

Converting Figma design specs into functional code components
Rapidly prototyping login forms and dashboard layouts
Auditing and improving the accessibility of existing interfaces

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add themagictower/grimoires design

For use in Claude.ai and ChatGPT

Download Skill

GitHub

概要