Design Tools Claude 技能
发现design tools类别的 Claude 技能。浏览 40 个技能，找到适合您 AI 工作流程的完美功能。
Rails UI Styling with Tailwind & DaisyUI
Styles Ruby on Rails applications using Tailwind CSS and DaisyUI to create responsive, accessible, and themeable user interfaces without custom CSS.
Rails Accessible View Architect
Generates accessible, maintainable Ruby on Rails views and forms following WCAG 2.1 AA standards.
UI Design Patterns
Provides comprehensive guidance and implementation patterns for building intuitive, accessible, and responsive user interfaces using industry-standard design components.
Angular Development
Builds modern, high-performance Angular applications using standalone components, signals, and advanced reactive patterns.
UX Principles
Applies user-centered design, usability heuristics, and cognitive psychology to create intuitive and accessible digital experiences.
Wireframing
Designs structured wireframes, information architectures, and user flows to visualize digital products and align stakeholders.
Frontend Architecture
Architects scalable frontend applications using robust design patterns, modular component structures, and clear separation of concerns.
Responsive Design
Implements mobile-first responsive layouts using modern CSS techniques like Flexbox, Grid, and fluid typography.
Figma Design
Provides comprehensive guidance and implementation patterns for Figma design workflows, component systems, and custom plugin development using the official API.
Mobile Design
Designs and implements mobile-first user interfaces optimized for touch interactions, gesture navigation, and platform-specific performance standards.
Tailwind CSS
Builds modern, responsive user interfaces using a utility-first CSS framework with production optimization and design system tokens.
React Development
Build scalable, performance-optimized React applications using modern functional components, hooks, and official best practices.
Figma to Code
Generates production-ready React and Next.js components from Figma designs using systematic MCP tool workflows.
Professional Canvas Design
Generates museum-grade visual art and design documents through sophisticated design philosophies and expert-level craftsmanship.
Slack GIF Creator
Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's technical constraints.
Artifacts Builder
Builds complex, production-grade Claude.ai HTML artifacts using modern frontend frameworks like React and shadcn/ui.
Canvas Design & Visual Arts
Generates museum-quality visual art and aesthetic philosophies through a meticulous, two-step creative workflow.
Theme Factory
Applies professional color palettes and typography to artifacts like slides, documents, and HTML landing pages.
Theme Factory
Applies professional design systems, color palettes, and font pairings to digital artifacts like presentations and documents.
Anthropic Brand Guidelines
Applies Anthropic's official visual identity, including specific typography and color palettes, to digital artifacts and documents.
Image Enhancer
Enhances the quality, resolution, and clarity of screenshots and images for professional documentation and media.
Algorithmic Art & Generative Design
Generates sophisticated algorithmic art and interactive visualizations using p5.js and computational aesthetic principles.
Advanced React Artifacts Builder
Generates sophisticated, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for complex state-driven interfaces.
Algorithmic Art Canvas
Generates sophisticated algorithmic art and interactive p5.js sketches based on unique computational philosophies and emergent behaviors.
Anthropic Brand Stylist
Applies official Anthropic brand colors and typography to visual artifacts to ensure professional and consistent design standards.
Jimeng AI Generation
Generates high-quality AI images and videos from text prompts and visual assets using the Jimeng multi-modal engine.
Frontend Development Expert
Builds and optimizes high-performance, accessible web applications using modern frameworks like React, Vue, and Angular.
Next.js App Router Expert
Architects high-performance web applications using Next.js 14+ App Router, React Server Components, and optimized data fetching strategies.
Design System Architect
Architects scalable, production-grade design systems using Atomic Design principles and design tokens.
Frontend Design
Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics that avoid generic AI patterns.
Scroll for more results...