skills.rest
aifuxiaifuxiCommunity·4 Agent Skills Included

fuxiaochen

Next.js, React, Drizzle, and shadcn best practices for personal sites

Guides coding agents through building and maintaining a Next.js 16 personal site with blog, admin dashboard, and PostgreSQL backend. Applies proven best practices for React performance, Drizzle ORM, Better Auth, shadcn/ui, and Framer Motion to eliminate common mistakes. Includes helpers for commit messages, changelog drafts, icon search, and ESLint-to-Oxlint migration to speed up daily development work.
437|53
↗
npx skills add aifuxi/fuxiaochen --all -g -y
Available:

Gives your AI agent the project's architecture rules, data-layer conventions, and verification commands so it modifies this Next.js site correctly without breaking routing, database, or API patterns.

All Skills in This Repository (4)

Pure Emerald Level Indicators
📦 In Repo
aifuxiaifuxi

ui-ux-pro-max

Search UI/UX guidelines across domains to generate cohesive design systems.

Community
Advanced
📦 In Repo
aifuxiaifuxi

web-design-guidelines

Audit UI code against Web Interface Guidelines for compliance gaps.

Community
Intermediate
📦 In Repo
aifuxiaifuxi

next-best-practices

Enforce Next.js best practices for file conventions, RSC boundaries, and performance.

Community
Advanced
📦 In Repo
aifuxiaifuxi

vercel-react-best-practices

Apply Vercel React best practices to React/Next.js components, pages, and data flows.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install fuxiaochen skills?▼

Run `npx skills add aifuxi/fuxiaochen --all -g -y` in your terminal to install all skills in this collection globally.

What does the fuxiaochen skill collection cover?▼

It bundles best practices for Next.js 16, React performance, Drizzle ORM with PostgreSQL, Better Auth, shadcn/ui, and Framer Motion, plus helpers for commits, changelogs, and icons.

Can these skills help optimize React performance?▼

Yes. The vercel-react-best-practices skill gives your agent 70 prioritized rules covering waterfalls, bundle size, caching, and re-render optimization.

Does it work with Claude Code and Cursor?▼

Yes. All skills follow the standard SKILL.md format and work in Claude Code, Cursor, Codex, and other compatible coding agents.

Can it generate commit messages and changelogs?▼

Yes. The commit-helper skill analyzes your working tree and writes Chinese Conventional Commits messages, while changelog-drafter builds release notes from your git history.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills