Skip to main content

discover-frontend

Automatically discover frontend development skills when working with React, Next.js, UI components, state management, data fetching, forms, accessibility, performance optimization, or SEO. Activates for frontend web development tasks.

星标

25

分支

1

更新时间

2025年10月28日 02:58

下载技能文件

下载包含 SKILL.md 和所有相关文件的完整技能目录

相关技能

rand

elegant-design

rand

Create world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals, code display, and streaming content. Use when building user interfaces that need professional polish and developer-focused features.

25web-app-development
rand

discover-protocols

rand

Automatically discover protocol skills when working with HTTP, TCP, UDP, QUIC, and network protocols

25web-app-development
rand

discover-build-systems

rand

Automatically discover build system skills when working with build systems. Activates for build-systems development tasks.

25web-app-development
rand

discover-mobile

rand

Automatically discover mobile development skills when working with iOS. Activates for mobile development tasks.

25web-app-development
rand

discover-tui

rand

Automatically discover terminal UI skills when working with terminal user interfaces. Activates for tui development tasks.

25web-app-development
rand

elegant-design

rand

Create world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals, code display, and streaming content. Use when building user interfaces that need professional polish and developer-focused features.

21web-app-development
Prat011

theme-factory

Prat011

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

70web-app-development
Prat011

skill-creator

Prat011

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.

70web-app-development
Prat011

artifacts-builder

Prat011

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

70web-app-development
Prat011

notion-spec-to-implementation

Prat011

Turns product or tech specs into concrete Notion tasks that Claude code can implement. Breaks down spec pages into detailed implementation plans with clear tasks, acceptance criteria, and progress tracking to guide development from requirements to completion.

70web-app-development
Prat011

webapp-testing

Prat011

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

70web-app-development
Prat011

brand-guidelines

Prat011

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

70web-app-development
discover-frontend - rand 的 Claude AI 技能 | SkillsMP