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
  3. ✦Frontend Dev Guidelines
⏱ Pasting from scattered docs→Frontend — one installTrial and error, again→#backend ready to use

Frontend Dev Guidelines

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

🎨 Frontend✦Premium script✦7 languages

WHAT YOU BECOME

Use Cases

Perfect for these scenarios

✦ 01🎯

Create issues quickly

Create new Linear issues directly from CLI without switching apps

✦ 02🔍

Check issue status

View issue details and status without opening Linear dashboard

✦ 03💬

Comment on issues

Add comments to existing issues directly from command line

✦ 04📝

Update issue details

Modify issue titles, descriptions, or assignees via CLI

MEASURED GAIN

Why Choose This Skill

Proven benefits and measurable impact

5x

Faster issue creation

Create issues 5x faster than using web interface

50%

Reduced context switching

Stay in terminal, reduce app switching by 50%

3x

Quick status checks

Check issue status 3x faster than web navigation

WHAT YOU GET

What’s Inside

Files, tags and the three-step install

Download or copy the skill file from the source repository.
Put the skill file into Claude's skills directory — ~/.claude/skills/
Restart Claude or run the reload command, and the skill loads automatically.
$ cp mrgoonie__claudekit-skills/.claude/skills/frontend-development/Skill.md ~/.claude/skills/

Tip: Read the documentation and the code before first use, so you know what it does and which permissions it needs.

Related tags

#backend#frontend#javascript#react

Technical information

Author
mrgoonie
Category
Frontend
File size
11.06 KB
Source repository
mrgoonie__claudekit-skills
License
MIT
Metadata
Includes YAML metadata
View GitHub source

TAKE IT WITH YOU

$9.9/month
Premium script

Unlock unlimited downloads of all 450+ premium scripts.

All skills come from the open-source community; original authors keep their rights.

NEXT SCRIPTS

Related Skills

Recommended based on tags and category

View All Skills
🎨

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
🎨

Aptos Dapp Integration

Premium

Expert on building decentralized applications on Aptos with frontend integration, wallet connectivity (Petra, Martian, Pontem), TypeScript SDK, transaction submission, and wallet adapter patterns. Triggers on keywords wallet connect, petra, martian, pontem, typescript sdk, aptos sdk, dapp, frontend integration, wallet adapter, transaction, sign

Web3 & Blockchain16 KB
View details
💻

Agent Factory

Premium

Claude Code agent generation system that creates custom agents and sub-agents with enhanced YAML frontmatter, tool access patterns, and MCP integration support following proven production patterns

Development8 KB
View details
View All Skills