Back to Home
🎨

Frontend Skills

前端框架、UI组件、样式工具

462 skills

Found 462 skills

Analysis and insights toolkit (AI + React)
🎨Frontend
Claudeskillsfree

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.

Author:mrgoonie
Analysis and insights toolkit (AI + React) v2
🎨Frontend
Claudeskillsfree

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.

Author:mrgoonie
Analysis and insights toolkit (AI + React) v3
🎨Frontend
Claudeskillsfree

Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.

Author:mrgoonie
Claude Code agent generation system that creates custom a...
🎨Frontend
Claudeskillsfree

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

Author:alirezarezvani
Claude Code agent generation system that creates custom a... (ML + Claude)
🎨Frontend
Claudeskillsfree

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

Author:alirezarezvani
Claude Code agent generation system that creates custom a... (ML + Claude) v2
🎨Frontend
Claudeskillsfree

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

Author:alirezarezvani
Comprehensive guide and documentation (AI + React)
🎨Frontend
Claudeskillsfree

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.

Author:netresearch
Comprehensive guide and documentation (AI + React) v2
🎨Frontend
Claudeskillsfree

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.

Author:netresearch
Comprehensive guide and documentation (AI + React) v3
🎨Frontend
Claudeskillsfree

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.

Author:netresearch
Expert guidance for API development (Claude + API)
🎨Frontend
Claudeskillsfree

Expert on Anthropic Claude API, models, prompt engineering, function calling, vision, and best practices. Triggers on anthropic, claude, api, prompt, function calling, vision, messages api, embeddings

Author:raintree-technology
Expert guidance for API development (Claude + API) v2
🎨Frontend
Claudeskillsfree

Expert on Anthropic Claude API, models, prompt engineering, function calling, vision, and best practices. Triggers on anthropic, claude, api, prompt, function calling, vision, messages api, embeddings

Author:raintree-technology
Expert guidance for API development (Claude + API) v3
🎨Frontend
Claudeskillsfree

Expert on Anthropic Claude API, models, prompt engineering, function calling, vision, and best practices. Triggers on anthropic, claude, api, prompt, function calling, vision, messages api, embeddings

Author:raintree-technology
Api Contract Sync Manager
🎨Frontend
Claudeskillsfree

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.

Author:ananddtyagi
Api Contract Sync Manager (Typescript + Graphql)
🎨Frontend
Claudeskillsfree

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.

Author:ananddtyagi
Api Contract Sync Manager (Typescript + Graphql) v2
🎨Frontend
Claudeskillsfree

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.

Author:ananddtyagi
Guide for API development (API + SDK)
🎨Frontend
Claudeskillsfree

Apify JS SDK Documentation - Web scraping, crawling, and Actor development

Author:rawveg
Guide for API development (API + SDK) v2
🎨Frontend
Claudeskillsfree

Apify JS SDK Documentation - Web scraping, crawling, and Actor development

Author:rawveg
Guide for API development (API + SDK) v3
🎨Frontend
Claudeskillsfree

Apify JS SDK Documentation - Web scraping, crawling, and Actor development

Author:rawveg
Expert guidance and best practices (Typescript + SDK)
🎨Frontend
Claudeskillsfree

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

Author:raintree-technology
Expert guidance and best practices (Typescript + SDK) v2
🎨Frontend
Claudeskillsfree

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

Author:raintree-technology
Expert guidance and best practices (Typescript + SDK) v3
🎨Frontend
Claudeskillsfree

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

Author:raintree-technology
Expert guidance and best practices by raintree-technology
🎨Frontend
Claudeskillsfree

Expert on Aptos gas optimization, performance tuning, storage costs, execution efficiency, inline functions, aggregator usage, parallel execution, table vs vector tradeoffs, and gas profiling tools. Triggers on keywords gas optimization, performance, gas cost, storage fee, inline, aggregator, parallel execution, gas profiling, optimization

Author:raintree-technology
Expert guidance and best practices by raintree-technology v2
🎨Frontend
Claudeskillsfree

Expert on Aptos gas optimization, performance tuning, storage costs, execution efficiency, inline functions, aggregator usage, parallel execution, table vs vector tradeoffs, and gas profiling tools. Triggers on keywords gas optimization, performance, gas cost, storage fee, inline, aggregator, parallel execution, gas profiling, optimization

Author:raintree-technology
Expert guidance and best practices by raintree-technology v3
🎨Frontend
Claudeskillsfree

Expert on Aptos gas optimization, performance tuning, storage costs, execution efficiency, inline functions, aggregator usage, parallel execution, table vs vector tradeoffs, and gas profiling tools. Triggers on keywords gas optimization, performance, gas cost, storage fee, inline, aggregator, parallel execution, gas profiling, optimization

Author:raintree-technology
Page 1 / 20, showing 24 / 462 skills
Frontend Skills | Claude Skills Free