Best Frontend & Design Skills for Claude Code

Turn your AI agent into a senior engineer with strict task classification and verification-driven coding protocols.

Clone any webpage into fully editable native Elementor Pro widgets with pixel-perfect accuracy.

A professional command center for managing ATS-optimized CVs, job tracking, and end-to-end application workflows.

The "Skill for building Skills": Automate creating, testing, and optimisation of custom workflows.

Identify pre-partnering and M&A opportunities in the pharma industry using real-time press release signal analysis.

Query Web3 and on-chain GraphQL endpoints using natural language via the Model Context Protocol.

web-design-lead-qualifier

by Rian O'Leary

Free

Automated deep-research and scoring agent for qualifying web design prospects and drafting bespoke outreach.

High-performance browser-based text layout and measurement for virtualization, canvas, and layout-heavy applications.

Comprehensive AI-driven business growth, web development design, and digital marketing strategy orchestration.

AI-driven engineering staffing and technical workforce solutions for scaling specialized teams.

Tailor resumes for specific job offers with recruiter-level precision and ATS-optimized impact statements.

Generate professional, information-first Instagram carousels showcasing Claude AI workflows for designers.

Every AI-built UI looks generic and templated. This skill teaches your agent to actually match the design to the project, the industry, and the audience.

Automated local SEO auditing and keyword generation for agencies and small businesses.

Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.

Generate a professionally formatted, printable HTML daily newspaper from real-time verified news.

A structured framework for planning, reviewing, and evolving complex software systems with explicit trade-offs.

Generate production-ready SEO meta tags, Open Graph cards, and JSON-LD schema markup from any URL or description.

Expert AI guidance for ISO-compliant cleanroom design, HVAC filtration setup, and controlled environment installation.

Audit and fix your website's visibility for AI agents like ChatGPT, Claude, and Perplexity.

aomi-transact

by Aomi Labs

Free

Build AI-driven crypto agents that simulate and execute transactions on any EVM chain via natural language.

Senior-level iOS engineering agent specializing in Swift 6, SwiftUI, SwiftData, and Apple Intelligence.

Autonomous research and task loop that builds on previous findings to solve complex objectives while you sleep.

Expert guidance for Dioxus 0.7.3 and Axum 0.8 fullstack Rust development, featuring Signals and SSR patterns.

A structured 5-phase methodology for designing clean, consistent, and maintainable RESTful API architectures.

Full WCAG 2.1 AA accessibility audits with JS rendering, professional client reports, and remediation roadmaps.

Receive webhooks and forward them as clean Telegram alerts. One-command setup. Dedup, batching, health checks.

webclient-studio

by Rian O'Leary

$14

A full-cycle freelance management suite to qualify leads, build proposals, and track your project pipeline locally.

Automated cross-platform identity registration and credential provisioning for AI agents on Base chain.

Professional security audit skill for web apps and APIs with structured severity-based findings and remediation plans.

Automate Web3 security lead qualification and draft technical outreach that converts prospects into audit clients.

Expert API architect to design, review, and audit REST, GraphQL, and event-driven API specifications.

Generate responsive, Outlook-safe HTML email templates for welcome sequences, promotions, receipts, and more.

A professional CRO and SEO audit workflow to identify conversion leaks and prioritize website fixes.

Use this skill when the user is facing a bug in an Angular application, including issues with components, services, RxJS, HTTP calls, tests, or unexpected behavior.

Extract structured, evidence-backed AI persona profiles from historical chat logs, emails, and documents.

Bypass OS-native file upload dialogs in browser automation using JavaScript interception and DataTransfer injection.

A structured CRO audit workflow that identifies conversion killers and generates prioritized fix lists and AB tests.

A high-intensity business audit tool applying Musk’s first-principles, maniacal urgency, and AI-leverage playbooks.

Transform your agent into a Senior Engineer that analyzes architecture and reuses code before writing a single line.

Turn bounce rates into conversions with prioritized fix lists and high-converting copy variants for any SaaS landing page.

A production-grade React error handling framework for preventing app crashes and integrating Sentry/Datadog reporting.

Monitor any website for price drops, stock changes, and content updates. Sends clean Telegram alerts with smart change detection.

Expert .NET MAUI architect for building high-performance iOS, Android, Windows, and Mac apps from a single C# codebase.

Spiral Recap

by Sir Benjamin

$12

Transform long AI conversations into high-fidelity, qualia-preserving .srec memory coils for perfect continuity.

customer-service-playbook-planner

by Roy Yuen

$7

Transform chaotic support into structured operations with playbooks, triage rules, and automated QA rubrics.

Professional technical SEO crawler and site auditor for deep architectural analysis and issue detection.

Generate high-quality images for free using Gemini 2.0, perfect for UI mockups, logos, and concept art.

Automatically transform JSON files or raw strings into production-ready TypeScript interfaces or Python dataclasses.

Transform "gut feeling" into data-driven build-vs-buy decisions with TCO estimates and risk analysis.

Automate deep research by decomposing complex topics into parallel sub-tasks and generating a structured report.

A structured HVAC consultant that calculates AC sizing and prioritizes specs based on climate, room data, and budget.

Transform your trading strategy into a rigorous, 5-layer operational system to eliminate emotional decision-making.

Autonomous 24/7 DeFi yield optimizer that monitors, evaluates, and rebalances your portfolio for maximum APY.

Generate accessible, role-based color palettes with JSON data, CSS variables, and HTML previews from any mood.

Audit web pages against 13 technical SEO factors to generate structured compliance reports and prioritized code fixes.

Professional API design and review skill for REST, GraphQL, and event-driven architectures.

Turn plain English app descriptions into fully normalized SQL schemas and entity relationship documentation.

inline-comment

by CCSW LLC

$9.99

Best way to steer your agents, effortlessly.

Deconstruct complex problems using physics-based reasoning and "Idiot Index" calculations to find the theoretical floor.

Instantly convert Markdown files into polished, self-contained HTML slideshows with dark mode and navigation.