🎭Brand and Creative Direction Skills
Browse skills in the Brand and Creative Direction category.
Ui Ux Pro Max
A powerful skill for Claude agents.
Color Palette
A powerful skill for Claude agents.
Design Md
A powerful skill for Claude agents.
Domain Name Brainstormer
A powerful skill for Claude agents.
suno-music-creator
Professional music creation with Suno AI V5 and Suno Studio. Use this skill when users want to create songs, playlists, corporate anthems, jingles, workout music, ambient soundscapes, or any AI-generated music. Triggers on requests mentioning Suno, music creation, playlist generation, song composition, or specific music projects like "create a track", "make a playlist", "compose music for", "corporate anthem", "workout mix", or any music production task.
ui-design-system
UI design patterns, component design, interaction design, visual design system. Use when designing user interfaces, color systems, layout patterns, interaction behaviors, or translating features into visual components.
game-concept-advisor
Multidisciplinary creative council for brainstorming and originating game mechanics, systems, and concepts. Use when generating new ideas, exploring mechanic possibilities, seeking inspiration from other domains, evolving existing systems, or when creative ideation is needed. Covers game design, board games, card games, casino mechanics, loyalty systems, game theory, gamification, tulip farming, robotic agriculture, fantasy/sci-fi world-building, industry trends, indie innovation, narrative design, and cross-domain inspiration. Triggers on requests for new ideas, mechanic brainstorming, "what if" exploration, feature ideation, or creative problem-solving.
fpf-skilldesign-mint-name
Generated skill for design/mint-name.
design-guide
Modern UI design system ensuring clean, professional interfaces. Use when creating ANY UI component, webpage, React component, HTML artifact, design mockup, or interface element. Provides design principles for spacing, colors, typography, shadows, and interactive states to prevent cluttered, inconsistent, or unprofessional designs.
ui-designer
Design intuitive, accessible, and visually coherent interfaces aligned with brand and product goals.
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
brand-guidelines
Enforces project brand guidelines including colors, spacing, and typography from the design system. Use when creating or modifying styles, components, or design elements.
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
fun-advisor
Multidisciplinary council of expertise on creating genuinely fun games. Use when evaluating if something is fun, designing for engagement, understanding player motivations, validating game direction, ensuring components create a satisfying whole, or making any decision where "is this fun?" matters. Covers behavioral psychology, game theory, neuroscience of play, player motivation research, age-appropriate design, cultural considerations, game feel, systems thinking, narrative integration, audio design, UX of delight, accessibility, ethical engagement, and holistic validation. Triggers on requests about fun, engagement, player experience, motivation, game feel, direction validation, or "will players enjoy this?"
khashmere-brand
Brand guidelines for Khashmere. Apply to proposals, presentations, and documents. Focuses on brand values, voice, and visual identity.
ui-theming
UI theming skill for applying brand designs to Flutter apps. Use when user asks to 'apply X style', 'change theme to Y', 'make it look like Z', or provides reference images for UI design.
brand-guidelines
Applies tedt.org brand colors, typography, and visual styling conventions to any artifact that benefits from the site’s look-and-feel. Use it when brand colors, type, visual formatting, or design standards apply.
material-thinking
Comprehensive Material Design 3 (M3) and M3 Expressive guidance for building modern, accessible, and engaging user interfaces. Use when designing or implementing Material Design interfaces, reviewing component designs for M3 compliance, generating design tokens (color schemes, typography, shapes), applying M3 Expressive motion and interactions, or migrating existing UIs to Material 3. Covers all 38 M3 components, foundations (accessibility, layout, interaction), styles (color, typography, elevation, shape, icons, motion), and M3 Expressive tactics for more engaging experiences.
brand-guidelines
Applies Acornsoft's official brand colors and typography to any sort of artifact that may benefit from having Acornsoft's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
craft-pillar-premium
Skills, mastery, and creative output engine - The work that defines you
ui-research
Research-first UI/UX design workflow. Use BEFORE any frontend visual work to research modern patterns, gather inspiration from real products, and avoid generic AI-generated looks. Mandatory prerequisite for quality UI work.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
idea-crystallizer
Transform raw creative output into MVP-ready structures without losing essential weirdness. Find the executable core in sprawling ideas. Use when having abundant ideas but needing to ship something.
language-agnostic-puzzle-designer
Design escape room puzzles that work across languages and cultures using visual logic, mathematical deduction, spatial reasoning, and pattern recognition. Creates puzzles for global audiences without language barriers. Use when designing puzzles for international markets, multilingual games, or culturally-neutral gameplay experiences.
suno-prompt-architect
Expert Suno AI prompt engineering for cinematic, transformative music creation. Use this skill when creating Suno prompts for Vibe OS sessions, meditation tracks, or any AI-generated music that needs professional quality and emotional resonance.
game-designer
Analyze game mechanics, propose features, and research competitors to improve LexiClash engagement and virality.
vibe-os
State-change music session framework for focused work, creative flow, and transformation rituals
creative-ideation
Use when brainstorming ideas, stuck on a problem, exploring alternatives, or needing creative input - provides structured creativity methods (SCAMPER, Six Hats, Mind Map), Multi-Agent parallel thinking, and concept collision for unexpected sparks. Don't use for mechanical execution tasks
compose
Compose a piece of music in the Melos language, compile it to MIDI, and fix any errors. Use when asked to compose, write, or create music.
arcanea-lore
Arcanea world-building lore system with fantasy/consciousness terminology and mythology
typography-advisor
Expert font pairing and typography system design
apple-design
Apple風のモダンUIデザイン。モノトーンダークモード基調、青系アクセントカラー、ミニマルで洗練されたインターフェース。UIコンポーネント作成時に使用。Use when "dark mode", "minimal UI", "Apple style", "ダークモード", "ミニマルデザイン" と言われた時。
vibe-designer
Create stunning, modern web designs with aurora effects, glassmorphism, neon glows, and sophisticated aesthetics. Perfect for developer tools, dashboards, and apps targeting vibe coders who appreciate refined, atmospheric UI.
frankx-brand
Apply official FrankX brand standards to all artifacts, ensuring visual consistency across content, products, and communications. Use this skill for any FrankX-related content creation, design work, or communication.
frontend-design
Frontend Design Expert
logo-ideator
Generate creative logo concepts and design directions
frontend-enhancer
This skill should be used when enhancing the visual design and aesthetics of web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. REQUIRES ui-research skill first. Use this skill for tasks like improving styling, creating responsive designs, implementing modern UI patterns, adding animations, selecting color schemes, or building aesthetically pleasing frontend interfaces.
frontend-design
Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics
design-system
Design system guidelines for RawDrive. Use when styling components, using color tokens, implementing themes, or following UI patterns.
frontend-aesthetics
Creates distinctive, creative frontend designs that avoid generic "AI slop" aesthetics. Use when designing UI components, choosing colors/fonts, adding animations, or improving visual design. Focuses on unique typography, cohesive themes, purposeful motion, and atmospheric backgrounds.
generic-design-system
Complete design system reference for any project - colors, typography, spacing, components, animations. Adapts to project theme and tech stack. Use when implementing UI, choosing colors, creating animations, or ensuring brand consistency. For new design systems, use ui-research skill first.
bold-frontend-design
Creates visually striking, production-grade frontend interfaces that reject generic "AI slop" aesthetics through intentional design thinking. Implements bold typography, distinctive color palettes, high-impact animations (React Three Fiber, Framer Motion), and unexpected spatial compositions. Use PROACTIVELY when building landing pages, hero sections, 3D visualizations, or any interface requiring memorable visual impact. MUST BE USED when user requests "creative", "bold", "unique", "striking", "3D", "animated", or "next-level" design.
generic-static-ux-designer
Professional UI/UX design expertise for static HTML/CSS/JS sites. Covers design thinking, user psychology, visual hierarchy, minimalist interaction patterns, accessibility, and performance-driven design. Use when designing features, improving UX, or conducting design reviews.
theme-factory
This skill should be used when implementing "professional styling", "theme systems", "brand consistency", "design tokens", "visual identity", "color schemes", "typography systems", or when creating cohesive visual themes for applications.
apple-hig-design
Apple の Human Interface Guidelines に準拠したデザインを作成します。iOS、iPadOS、macOS、watchOS、tvOS のデザインシステム、コンポーネント、レイアウト、タイポグラフィ、カラー、アイコン設計を行う際に使用します。UI/UX デザイン、アプリ設計、プロトタイプ作成時に最適です。
color-expert
Expert guide for the Doggy Bag color/theme system with color theory principles
ui-ux-designer
Create interface designs, wireframes, and design systems. Masters user research, prototyping, and accessibility standards. Use PROACTIVELY for design systems, user flows, or interface optimization.\nmodel: sonne
ui-ux-design
UI, UX, 디자인, UI 디자인, UX 디자인, 사용자 경험 - 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.
brand-identity-builder
Build complete brand identity systems and guidelines
ui-ux-design
UI/UX design patterns and best practices for the LMS. Activate when designing pages, creating layouts, working on user experience, or building navigation.