Claude Skills by frankxai

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: glassmorp...

Agentic visual asset management — scan, audit, and manage images across your site with AI-powered quality enforcement

**Type**: Design System & UX/UI Workflow **Version**: 1.0.0 **Last Updated**: 2025-11-07

Use this skill when the user needs help with business operations, client management, finances, or administrative tasks. This includes CRM operations, invoicing, project management, and business strategy.

Use this skill when the user needs help with visual design, branding, UI/UX, or creative assets. This includes website design, logo creation, marketing materials, and design system management.

Use this skill when the user needs help with software development, website creation, API development, or technical implementation. This includes building websites, creating applications, setting up databases, and deployment.

Use this skill when the user needs help with marketing, SEO, analytics, or growth strategies. This includes SEO optimization, content marketing, social media strategy, and performance analysis.

Create SEO-optimized blog posts that engage readers and rank in search results

Develop comprehensive content strategies with audience research, pillar planning, and distribution workflows

Create engaging email newsletters that nurture subscribers and drive conversions

Optimize content for search engines to increase organic traffic and rankings

Create engaging social media content for Twitter/X, LinkedIn, Instagram, and FarCaster

Database schema migration patterns with Prisma and Drizzle ORM. Covers migration strategies, rollbacks, data migrations, and production deployment.

Automated documentation generation patterns. Covers TSDoc, JSDoc, OpenAPI, README templates, and documentation-as-code workflows.

Monitoring, logging, and observability patterns. Covers structured logging, metrics, tracing, alerting, and dashboards with tools like Sentry, Datadog, and OpenTelemetry.

Security best practices for web applications. Covers OWASP Top 10, authentication, authorization, input validation, CSP, and secure headers.

Create engaging video scripts for YouTube, TikTok, Instagram Reels, and podcasts

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 management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.