Individual skill

frontend-patterns

0upvotes

适用于 React、Next.js、状态管理、性能优化和 UI 最佳实践的前端开发模式。

docs/ja-JP/skills/frontend-patterns/SKILL.md

Read pinned source

Source commit dfbf9467b90dfd29bffa842c4e0a6977112900e2

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: No
Repository scan complete: No
Skill scan complete: No
Observed behavior: Not checked yet
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): 2,024
Repository last updated: Mar 5, 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
everything-claude-code Repository topic
oneskill 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,286 bytes

Read excerpt


# 前端开发模式

适用于 React、Next.js 和高性能用户界面的现代前端模式。

## 组件模式

### 组合优于继承 (Composition over Inheritance)

```typescript
// ✅ GOOD: 组件组合
interface CardProps {
  children: React.ReactNode
  variant?: 'default' | 'outlined'
}