skillsfree
💻 Development⚙️ Backend🎨 Frontend🚀 DevOps⛓️ Web3 & Blockchain🎭 Creative📄 Documentation📊 Data & AI💼 Business🤖 Automation🔒 Security✦ Other
Free PicksPricing
⌘K
HomeFree PicksPricing
💻 Development⚙️ Backend🎨 Frontend🚀 DevOps⛓️ Web3 & Blockchain🎭 Creative📄 Documentation📊 Data & AI💼 Business🤖 Automation🔒 Security✦ Other
skillsfree

Curated platform showcasing 1500+ Claude AI Skills. Discover, learn, and enhance your productivity.

Categories

DevelopmentFrontendBackendData & AIDocumentationDevOpsAll Categories

Resources

GitHubDocumentationAPI ReferenceClaude AI

Company

About UsContactFAQ

Legal

Privacy PolicyTerms of Service

© 2026 Claude Skills Free. All rights reserved.

Made with❤for the Claude community

☀️
  1. Home
  2. ✦Frontend

SCRIPT LINE

🎨 Frontend

Hand-tuning pixels against the mockup, accessibility an afterthought.

Components from one sentence, review passing on the first try.

Tuning styles 2h→Review passed in 10minFixing a11y at the end→Accessible by default
All tags22react21javascript16frontend14documentation13markdown11nodejs11python11database10backend10security10testing9authentication8vue7git5debugging

11 skills on this line

🎨

Agents

Free

Generate and maintain AGENTS.md files following the public agents.md convention. Use when creating documentation for AI agent workflows, onboarding guides, or when standardizing agent interaction patterns across projects.

Frontend11 KB
View details
🎨

Api Contract Sync Manager

Premium

Validate OpenAPI, Swagger, and GraphQL schemas match backend implementation. Detect breaking changes, generate TypeScript clients, and ensure API documentation stays synchronized. Use when working with API spec files (.yaml, .json, .graphql), reviewing API changes, generating frontend types, or validating endpoint implementations.

Frontend11 KB
View details
🎨

Claude Md Enhancer

Premium

Analyzes, generates, and enhances CLAUDE.md files for any project type using best practices, modular architecture support, and tech stack customization. Use when setting up new projects, improving existing CLAUDE.md files, or establishing AI-assisted development standards.

Frontend16 KB
View details
🎨

Pdf

Free

Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.

Frontend7 KB
View details
🎨

Pptx

Free

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks

Frontend25 KB
View details
🎨

Prompt Factory

Premium

World-class prompt powerhouse that generates production-ready mega-prompts for any role, industry, and task through intelligent 7-question flow, 69 comprehensive presets across 15 professional domains (technical, business, creative, legal, finance, HR, design, customer, executive, manufacturing, R&D, regulatory, specialized-technical, research, creative-media), multiple output formats (XML/Claude/ChatGPT/Gemini), quality validation gates, and contextual best practices from OpenAI/Anthropic/Google. Supports both core and advanced modes with testing scenarios and prompt variations.

Frontend36 KB
View details
🎨

Repomix

Premium

Package entire code repositories into single AI-friendly files using Repomix. Capabilities include pack codebases with customizable include/exclude patterns, generate multiple output formats (XML, Markdown, plain text), preserve file structure and context, optimize for AI consumption with token counting, filter by file types and directories, add custom headers and summaries. Use when packaging codebases for AI analysis, creating repository snapshots for LLM context, analyzing third-party libraries, preparing for security audits, generating documentation context, or evaluating unfamiliar codebases.

Frontend5 KB
View details
🎨

Skill Creator

Free

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

Frontend17 KB
View details
🎨

Ui Styling

Premium

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

Frontend10 KB
View details
🎨

Vercel

Premium

Vercel Platform and API Documentation

Frontend11 KB
View details
🎨

Web Asset Generator

Premium

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.

Frontend26 KB
View details

Page 1 / 1 · showing 11 of 11

PreviousNext