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

13 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
🎨

Developer Growth Analysis

Premium

Analyzes your recent Claude Code chat history to identify coding patterns, development gaps, and areas for improvement, curates relevant learning resources from HackerNews, and automatically sends a personalized growth report to your Slack DMs.

Frontend15 KB
View details
🎨

Expo Router Expert

Premium

Expert on Expo Router for file-based routing in React Native apps. Covers navigation, layouts, dynamic routes, deep linking, and TypeScript integration. Invoke when user mentions Expo Router, file-based routing, navigation, app directory, or routing in Expo.

Frontend3 KB
View details
🎨

Ln 115 Presentation Creator

Premium

Builds interactive HTML presentation with 6 tabs (Overview, Requirements, Architecture/C4, Tech Spec, Roadmap, Guides). Creates presentation/README.md hub. Worker under ln-110-documents-pipeline.

Frontend31 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
🎨

Skill Developer

Premium

Create and manage Claude Code skills following Anthropic best practices. Use when creating new skills, modifying skill-rules.json, understanding trigger patterns, working with hooks, debugging skill activation, or implementing progressive disclosure. Covers skill structure, YAML frontmatter, trigger types (keywords, intent patterns, file paths, content patterns), enforcement levels (block, suggest, warn), hook mechanisms (UserPromptSubmit, PreToolUse), session tracking, and the 500-line rule.

Frontend12 KB
View details
🎨

Stripe Expert

Premium

Comprehensive Stripe API expert with access to 3,253 official documentation files covering all payment processing, billing, subscriptions, webhooks, Connect, Terminal, Radar, Identity, Tax, Climate, and integrations. Invoke when user mentions Stripe, payments, subscriptions, billing, payment processing, checkout, invoices, or any payment-related features.

Frontend53 KB
View details
🎨

Toon Formatter

Premium

AGGRESSIVELY use TOON v2.0 format for biggish regular data (≥5 items, ≥60% uniform). Auto-applies to tables, logs, events, transactions, analytics, API responses, database results. Supports 3 array types (inline, tabular, expanded), 3 delimiters (comma, tab, pipe), key folding for nested objects. Triggers on structured data, arrays, repeated patterns. Use TOON by default when tokens matter - RAG pipelines, tool calls, agents, benchmarks. Keywords "data", "array", "list", "table", "log", "transaction", "metric", "analytics", "API", "database", "query", "TOON".

Frontend9 KB
View details

Page 1 / 1 · showing 13 of 13

PreviousNext