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
🎨

Better Auth

Premium

Implement authentication and authorization with Better Auth - a framework-agnostic TypeScript authentication framework. Features include email/password authentication with verification, OAuth providers (Google, GitHub, Discord, etc.), two-factor authentication (TOTP, SMS), passkeys/WebAuthn support, session management, role-based access control (RBAC), rate limiting, and database adapters. Use when adding authentication to applications, implementing OAuth flows, setting up 2FA/MFA, managing user sessions, configuring authorization rules, or building secure authentication systems for web applications.

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

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
🎨

Plaid Expert

Premium

Expert guidance for Plaid banking API integration including Link, Auth, Transactions, Identity, and webhook handling. Invoke when user mentions Plaid, bank connections, financial data, ACH, or banking APIs.

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

Vercel

Premium

Vercel Platform and API Documentation

Frontend11 KB
View details

Page 1 / 1 · showing 11 of 11

PreviousNext