Best Frontend & Design Skills for Claude Code
Discover AI agent skills that accelerate UI development, component generation, CSS styling, and design system workflows. These skills help agents write cleaner front-end code and ship pixel-perfect interfaces faster.
📖 Related guide: Best Frontend & Design Skills for Claude Code →
30 skills
career-expert (alpha version)
by Roy Yuen
A professional command center for managing ATS-optimized CVs, job tracking, and end-to-end application workflows.
codex-grade-coding
by Roy Yuen
Turn your AI agent into a senior engineer with strict task classification and verification-driven coding protocols.
web3-graphql
by Zhuoxin Sun
Query Web3 and on-chain GraphQL endpoints using natural language via the Model Context Protocol.
pretext-layout
by Roy Yuen
High-performance browser-based text layout and measurement for virtualization, canvas, and layout-heavy applications.
World-Class Site & App Design
by Aman Garg
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.
AI Engineering & Workforce Solutions Tool - Advantage Technical
AI-driven engineering staffing and technical workforce solutions for scaling specialized teams.
endless-loop
by Kevin Cline
Autonomous research and task loop that builds on previous findings to solve complex objectives while you sleep.
local-seo-audit
by Roy Yuen
Automated local SEO auditing and keyword generation for agencies and small businesses.
markdown-slides
by Kevin Cline
Instantly convert Markdown files into polished, self-contained HTML slideshows with dark mode and navigation.
color-palette
by Kevin Cline
Generate accessible, role-based color palettes with JSON data, CSS variables, and HTML previews from any mood.
agent-identity-stack
Automated cross-platform identity registration and credential provisioning for AI agents on Base chain.
web-crawler
by Roy Yuen
Ethical, structured web crawling and data extraction planning with built-in pagination and deduplication logic.
defi-autopilot
Autonomous 24/7 DeFi yield optimizer that monitors, evaluates, and rebalances your portfolio for maximum APY.
skill-creator
by Shippers
The "Skill for building Skills": Automate creating, testing, and optimisation of custom workflows.
cinematic-sites
by Kevin Cline
Turn any basic business URL into a high-end cinematic landing page with AI-generated 4K assets and GSAP animations.
seo-meta-gen
by Kevin Cline
Generate production-ready SEO meta tags, Open Graph cards, and JSON-LD schema markup from any URL or description.
json-to-types
by Kevin Cline
Automatically transform JSON files or raw strings into production-ready TypeScript interfaces or Python dataclasses.
persona-distiller
by Roy Yuen
Extract structured, evidence-backed AI persona profiles from historical chat logs, emails, and documents.
email-template
by Kevin Cline
Generate responsive, Outlook-safe HTML email templates for welcome sequences, promotions, receipts, and more.
nano-image
by Kevin Cline
Generate high-quality images for free using Gemini 2.0, perfect for UI mockups, logos, and concept art.
db-schema
by Kevin Cline
Turn plain English app descriptions into fully normalized SQL schemas and entity relationship documentation.
api-designer
by Roy Yuen
Professional API design and review skill for REST, GraphQL, and event-driven architectures.
AI Digital Solutions Tool - Erodex
by Erodex
Comprehensive AI-driven business growth, web development design, and digital marketing strategy orchestration.
AEO Toolkit
by Rian O'Leary
Audit and fix your website's visibility for AI agents like ChatGPT, Claude, and Perplexity.
bypass-macos-file-dialog
Bypass OS-native file upload dialogs in browser automation using JavaScript interception and DataTransfer injection.
web accessibility website audit
by Rian O'Leary
Full WCAG 2.1 AA accessibility audits with JS rendering, professional client reports, and remediation roadmaps.
AI Cleanroom Solutions Tool - Cleanroom Design
Expert AI guidance for ISO-compliant cleanroom design, HVAC filtration setup, and controlled environment installation.
security-audit
by Roy Yuen
Professional security audit skill for web apps and APIs with structured severity-based findings and remediation plans.
software-architect
by Roy Yuen
A structured framework for planning, reviewing, and evolving complex software systems with explicit trade-offs.
parallel-research
by Kevin Cline
Automate deep research by decomposing complex topics into parallel sub-tasks and generating a structured report.