Individual skill

frontend-patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

docs/zh-TW/skills/frontend-patterns/SKILL.md

Read pinned source

Source commit b38be6a7f6350964d59328b52f0624e1d1d552d1

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Network or broad shell
Last checked: Nov 3, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 299,006
Repository last updated: Nov 6, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

ai-agents Repository topic
anthropic Repository topic
claude Repository topic
claude-code Repository topic
developer-tools Repository topic
llm Repository topic
mcp Repository topic
productivity Repository topic
design Derived category
engineering Derived category
design-interface Derived category
engineering-web Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 14,766 bytes

Read excerpt


# 前端開發模式

用於 React、Next.js 和高效能使用者介面的現代前端模式。

## 元件模式

### 組合優於繼承

```typescript
// PASS: 良好：元件組合
interface CardProps {
  children: React.ReactNode
  variant?: 'default' | 'outlined'
}