cinematic sites
Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.
Skills that help AI agents design and build beautiful web and mobile app interfaces — landing pages, UI components, layouts, styling, and design systems. Ship pixel-perfect, on-brand product surfaces faster.
📖 Related guide: Best Frontend & Design Skills for Claude Code →
68 skills
Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.
High-integrity landing page audits that identify ad spend hazards and conversion blockers for Google Ads traffic.
Clone any webpage into fully editable native Elementor Pro widgets with pixel-perfect accuracy.
Advanced responsive layout and interactive micro-interaction engine for React, Tailwind CSS, and Framer Motion. Automatically injects fluid element states, mobile-first touch behaviors, adaptive viewports, and non-destructive layout transitions into static codebases
v2 of Design Philosophy — a senior-designer brain for your agent. Industry-specific, award-caliber UI plus six pro UX reasoning modules. Same prompt, radically better design.
Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.
Turn any business URL into a high-converting, agency-grade landing page with AI-generated 4K cinematic visuals, GSAP scroll animations, and one-command Cloudflare Pages deployment.
Automated deep-research and scoring agent for qualifying web design prospects and drafting bespoke outreach.
Generate professional, information-first Instagram carousels showcasing Claude AI workflows for designers.
Generates stunning, mobile-responsive Tailwind CSS components and modern landing pages.
High-performance browser-based text layout and measurement for virtualization, canvas, and layout-heavy applications.
Generate professional, evidence-backed CRO audits and A/B test ideas from any landing page URL.
A full-cycle freelance management suite to qualify leads, build proposals, and track your project pipeline locally.
Messy, insecure, unfixable — that's what AI builds without architecture. This file is the architecture: 10 years of senior judgement on rendering, caching, security and SEO, so your agent builds it right from day one.
Pro-grade SwiftUI microinteractions with spring physics, liquid glass effects, and haptic synchronization.
Senior-level iOS engineering agent specializing in Swift 6, SwiftUI, SwiftData, and Apple Intelligence.
Generate accessible, role-based color palettes with JSON data, CSS variables, and HTML previews from any mood.
Automatically builds complete, launch-ready SaaS websites, databases, and secure user dashboards, with security audits at each step.
Expert-level Gaode Map (AMap) JSAPI v2.0 integration for 3D maps, LBS services, and secure implementations.
Expert guidance for Dioxus 0.7.3 and Axum 0.8 fullstack Rust development, featuring Signals and SSR patterns.
Generate professional design tokens, brand guides, and social templates with a signature hex-grid aesthetic.
微信与支付宝小程序全栈开发助手。覆盖项目初始化、页面开发、组件编写、Bug检测与自动修复、支付收款集成、支付安全扫描、用户反馈收集与自动更新。
Expert .NET MAUI architect for building high-performance iOS, Android, Windows, and Mac apps from a single C# codebase.
5 project type routing (SPA/SSR/mini-programs), framework matrix (React 19/Vue 3.5/Svelte 5), build tools, CSS decisions.
Architect and deploy production-grade Flutter apps using Clean Architecture, BLoC, and TDD.
Audit frontend code for WCAG 2.2 AA compliance with prioritized remediation steps and deep semantic analysis.
An adversarial reviewer for landing pages and conversion copy. It flags an unclear value proposition, a weak or buried call to action, missing social proof, funnel friction, and unsupported claims, then returns a PUBLISH / REVISE / HOLD verdict — before the page goes live.
Builds professional, conversion-focused static website surfaces with cinematic design and full SEO metadata.
High-converting copy for any channel. 12 frameworks (AIDA/PAS/BAB), 8 tones, 50+ templates, 0-100 quality gate, A/B variants.
Audit paid ads and landing pages as one conversion path for service businesses.
Apply world-class design systems to any UI project in one step using getdesign.md CLI
Deploy or fork a production-ready Chrome extension for AI text detection and fake review analysis.
Build high-speed, full-stack React apps with Next.js 14+ App Router, Server Components, and Server Actions.
Convert MP4 videos into dual-resolution, web-optimized WebP frame sequences for high-performance scroll animations.
Automatically detect accessibility issues in websites and applications following WCAG and accessibility standards.
Your multi-step form works. It just feels cheap. This skill fixes the feel, not the logic
Design native mobile experiences with a focus on thumb-zone ergonomics, platform conventions, and gesture-driven UI.
Turn React components into programmatic videos for automated marketing, social media, and data visualization.
Analyze, audit, and optimize website content with AI-powered content strategy, UX writing reviews, SEO insights, and conversion-focused copywriting
Turns open-ended AI chats into guided, interactive menu systems for structured task navigation.
Color Palette Pro - A Premium AI Agent Skill
Generate a production-ready 3D virtual office for AI agents using Next.js and React Three Fiber.
A production-ready Chrome Extension for 1-click 'Not Interested' buttons across social media feeds.
An expert architect for building scalable, high-performance React applications with TypeScript and modern best practices.
Deploy high-energy, single-file websites for gyms and studios with integrated HealthClub SEO schema.
Ship a complete, production-ready Manifest V3 Chrome extension for scrolling screenshots and PDF exports.
Deploy high-authority, SEO-optimized single-page websites for consultants, coaches, and advisory professionals.
Builds and documents the smallest possible POC or prototype to validate requirements before development starts. Part of the Gnosis Technology Product Suite
A senior Gutenberg engineer that builds and audits production-ready WordPress block plugins with apiVersion 3.
Teaches AI coding agents to generate optimized project rule files (.cursorrules, CLAUDE.md, AGENTS.md) that give agents precise context about a project's architecture, conventions, and workflow. Cover
Creates complete AI-ready prompt systems and implementation-aware specifications for coherent web UI design systems, including brand direction, design principles, colors, typography, spacing, grids, tokens, components, interaction states, dashboards, landing pages, responsive behavior, accessibility, Figma guidance, frontend guidance, governance, testing, and quality control.
Generate accessible, token-aware CSS animations and stateful UI micro-interactions for any frontend.
Pre-launch accessibility audit. WCAG 2.2 AA/AAA, ADA/EAA, 70+ checks, axe-core. VPAT/ACR report for procurement.
Analyzes your site's layout and UI, interviews you about preferences, then generates AND Playwright-verifies a spotlight onboarding tour — accessible, i18n-ready, colorblind-safe, MIT.
Create visually striking UI beyond generic AI design: brutalist, minimal, editorial, retro-futuristic
Identifies local leads with outdated websites and drafts personalized cold outreach citing specific technical flaws.
Animation Assistant - A Premium AI Agent Skill
Android Navigation Pro - A Premium AI Agent Skill
Android App Builder - A Premium AI Agent Skill
Deploy a Next.js 16+ App Router site as a 100% static export to Cloudflare Workers Static Assets, hitting 100/100 PageSpeed with clean technical SEO.
Creates complete, scalable UI component systems for modern web applications, covering design tokens, buttons, cards, forms, navigation, modals, tables, tabs, alerts, badges, tooltips, pricing cards, responsive behavior, accessibility, documentation, testing, governance, and developer handoff.
Creates conversion-focused landing page architectures for SaaS products, e-commerce brands, services, applications, campaigns, and digital products, covering hero sections, CTA systems, social proof, benefits, pricing, comparisons, objections, FAQs, forms, responsive wireframes, analytics, testing, and developer handoff.
Optimizes e-commerce product pages for clearer product understanding, easier variant selection, stronger trust, improved add-to-cart readiness, and better mobile usability across galleries, pricing, size guides, reviews, shipping, sticky purchase controls, upsells, bundles, subscriptions, and FAQs.
Creates categorized hook banks for videos, ads, emails, landing pages, sales pages, social posts, carousels, newsletters, product pages, and short-form content, helping creators, marketers, businesses, coaches, consultants, and digital product sellers quickly generate clear, compelling, audience-specific opening lines.
Audits websites and web applications across desktop, tablet, and mobile to detect layout failures, spacing inconsistencies, typography problems, undersized controls, breakpoint defects, overflow, navigation issues, form problems, table failures, sticky-element collisions, accessibility risks, and mobile usability defects.
Creates premium, implementation-aware UI mockup concepts for SaaS products, CRMs, finance applications, education platforms, AI tools, marketplaces, booking systems, admin dashboards, and other web applications, including layouts, components, realistic content, responsive behavior, AI image prompts, Figma notes, and developer handoff.
Comprehensive React Hooks audit and optimization skill for AI coding agents. Audits all 15+ built-in React hooks for correct usage, dependency completeness, cleanup patterns, performance optimization,
Automated WCAG 2.1 AA accessibility auditor that computes contrast ratios and provides code-level fixes.