Frontend & UI Skills

This Brand Strategist skill helps you define your brand’s voice and messaging, ensuring consistent and impactful communication for optimal results.

Dynamically adjusts Flutter UI element positions based on subtle user motion for a more organic, responsive feel.

Generates SVG art from text prompts, offering a flexible and scalable way to create custom graphics for web design projects.

This skill generates Framer Motion code for creating dynamic UI animations and transitions, streamlining responsive web development.

Automates Flutter app UI testing by controlling device interactions and capturing screenshots for visual validation.

Automatically generates Tailwind CSS utility class suggestions based on your HTML structure and desired styling.

Generates creative brand names based on keywords, streamlining business naming and boosting brand recognition efforts.

Overwrites existing Framer component code with custom implementations based on provided specifications for rapid UI iteration.

Shadcn Layouts provides pre-built, accessible, and responsive UI components for rapid frontend development, boosting efficiency and consistency.

Provides the complete Swift Concurrency Migration Guide. Use when migrating to Swift 6, resolving data-race safety errors, understanding Sendable and actor isolation, or incrementally adopting async/a

Apple-authored SwiftUI and platform guidance extracted from Xcode. Helps AI agents write idiomatic, Apple-native SwiftUI with reduced hallucinations.

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use when users request creating art using code, generative art, algorithmic art, flow fields, or part

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state manag

Apply brand colors and typography to artifacts. Use when brand colors, style guidelines, visual formatting, or company design standards apply. Ensures consistency across branded content.

Create beautiful visual art in .png and .pdf documents using design philosophy. Use when the user asks to create a poster, piece of art, design, or other static visual piece. Creates original visual d

Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples inclu

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state manag

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create ori

Deploy Expo apps to iOS App Store, Android Play Store, and web.

Use this to design a nice UI in single html as inspiration & UI exploration.