FreeSkills
Commits, branches and sync with the but CLI
- 361361 downloads
- 198198 likes
- 103103 saves
Works with
- Claude Code
- Codex
- Cursor
- and 3 more
Frontend development patterns for React and Next.js v1.0.0
Use this resource to structure React and Next.js interfaces that stay fast and easy to maintain
New
- 488 downloads
- 233 likes
- 156 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install react-nextjs-frontend-patternsWith no option, the skill goes to ~/.agents/skills/; add --agent claude-code (or codex, cursor…) to target an agent.
First time: connect the CLI with
npx --yes palatekit@latest loginThe agent proposes proven React patterns: composition over inheritance, compound components, async data-fetching hook, debounce, context with reducer and code splitting. You get better-organized components that are easier to evolve.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- Your agent's model
- Licence
- MIT
Similar resources
View all- Free
FreeSkills
Sentry CLI guide
- 525525 downloads
- 117117 likes
- 128128 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Drizzle ORM best practices with PostgreSQL
- 407407 downloads
- 194194 likes
- 151151 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
SLO design wizard
- 537537 downloads
- 105105 likes
- 242242 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
User stories and sprint fit
- 451451 downloads
- 150150 likes
- 132132 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Capacity-based sprint plan
- 423423 downloads
- 192192 likes
- 102102 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Startup CTO advisor
- 580580 downloads
- 201201 likes
- 242242 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
FreeSkills
Creating GitHub pull requests with quality checks
- 427427 downloads
- 230230 likes
- 196196 saves
Works with- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- sub-skills/compound-components.md: compound components
- sub-skills/async-data-fetching-hook.md: data-fetching hook
- sub-skills/code-splitting-lazy-loading.md: code splitting and lazy loading
Good fit for
- A form component has become hard to read
- A Next.js page loads too much JavaScript at startup
Not for
Tags
- react
- next.js
- patterns
- performance
About
You say
“Refactor this Tabs component into compound components and add a loading hook.”
Skill published by affaan-m under the MIT license, delivered in its original version.
Show moreShow less
How to use it
- Install the skill in your agent's skills folder
- Ask your agent to structure React and Next.js interfaces that stay fast and easy to maintain
- Review and adjust the result
Content preview
Files
- LICENSE2.4 KB
- NOTICE-PALATEKIT.md0.5 KB
- SKILL.md1.4 KB
- sub-skills/async-data-fetching-hook.md1.2 KB
- sub-skills/code-splitting-lazy-loading.md0.5 KB
- sub-skills/composition-over-inheritance.md0.6 KB
- sub-skills/compound-components.md1.1 KB
- sub-skills/context-reducer-pattern.md1.2 KB
- sub-skills/controlled-form-with-validation.md2.5 KB
- sub-skills/debounce-hook.md0.6 KB
- sub-skills/focus-management.md0.9 KB
- sub-skills/framer-motion-animations.md1.3 KB
- sub-skills/keyboard-navigation.md0.9 KB
- sub-skills/memoization.md0.5 KB
- sub-skills/render-props-pattern.md0.9 KB
- sub-skills/state-management-hook.md0.3 KB
- sub-skills/virtualization-for-long-lists.md1.2 KB
Origin and licence
Listed unmodified
- Author
- affaan-m
- Source
- github.com/dokhacgiakhoa/agent-skills-4-vibe-coding-cli/tree/c4a059bbf7a8d6b2162071f0fbfe74053faa6d20/.agent/skills/agent-frontend-patterns
- Licence
- MIT
Notice
« agent-frontend-patterns » (affaan-m, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…