Token导航 LogoToken导航TokenDH.com
研究检索执行命令github未标认证来源可访问许可证需确认审计提醒

solid-nextjssolid Next.js 搜索

Agent Skill

用于辅助前端页面、组件、样式和交互逻辑的开发与维护。它适合让 Agent 生成或审查 React、Next.js、Vue、Tailwind、CSS 等相关代码,整理组件结构,或定位布局和性能问题。使用时需要结合项目现有设计系统、路由和构建方式,避免只生成孤立片段;涉及页面改动时,应配合本地预览和构建检查确认视觉效果。

总安装

612

周安装

25

GitHub Stars

11

下载量

196
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:solid-nextjs(solid Next.js 搜索)
来源仓库:https://github.com/fusengine/agents
仓库路径:skills/solid-nextjs
安装命令:
npx skills add https://github.com/fusengine/agents --skill solid-nextjs
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/fusengine/agents --skill solid-nextjs

简介

solid-nextjs 用于辅助前端页面、组件和样式开发与维护。

  • 适合生成或审查 React、Next.js、Vue 等相关代码,整理组件结构。
  • 通过 npx skills add 命令从指定 GitHub 仓库安装使用。
  • 使用时需结合项目现有设计系统和路由,避免生成孤立片段。
  • 适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

SKILL.md

SOLID Next.js - Modular Architecture

Current Date (CRITICAL)

Today: January 2026 - ALWAYS use the current year for your searches. Search with "2025" or "2026", NEVER with past years.

MANDATORY: Research Before Coding

CRITICAL: Check today's date first, then search documentation and web BEFORE writing any code.

  1. Use Context7 to query Next.js/React official documentation
  2. Use Exa web search with current year for latest trends
  3. Check Vercel Blog of current year for new features
  4. Verify package versions for Next.js 16 compatibility

Search queries (replace YYYY with current year):

  • Next.js [feature] YYYY best practices
  • React 19 [component] YYYY
  • TypeScript [pattern] YYYY
  • Prisma 7 [feature] YYYY

Codebase Analysis (MANDATORY)

Before ANY implementation:

  1. Explore project structure to understand architecture
  2. Read existing related files to follow established patterns
  3. Identify naming conventions, coding style, and patterns used
  4. Understand data flow and dependencies

DRY - Reuse or Create Shared (MANDATORY)

Before writing ANY new code:

  1. Grep the codebase for similar function names, patterns, or logic
  2. Check shared locations: modules/cores/lib/, modules/cores/components/, modules/cores/hooks/
  3. If similar code exists → extend/reuse instead of duplicate
  4. If code will be used by 2+ features → create it in modules/cores/ directly
  5. Extract repeated logic (3+ occurrences) into shared helpers
  6. Run npx jscpd./src --threshold 3 after creating new files

Agent Workflow (MANDATORY)

Before ANY implementation, use TeamCreate to spawn 3 agents:

  1. fuse-ai-pilot:explore-codebase - Analyze project structure and existing patterns
  2. fuse-ai-pilot:research-expert - Verify latest docs for all stack technologies
  3. mcp__context7__query-docs - Check integration compatibility

After implementation, run fuse-ai-pilot:sniper for validation.


Absolute Rules (MANDATORY)

1. Files < 100 lines

  • Split at 90 lines - Never exceed 100
  • Page components < 50 lines (use composition)
  • Server Components < 80 lines
  • Client Components < 60 lines
  • Server Actions < 30 lines each

2. Modular Architecture

See references/architecture-patterns.md for complete structure with feature modules and cores directory.

3. JSDoc Mandatory

/**
 * Fetch user by ID from database.
 *
 * @param id - User unique identifier
 * @returns User object or null if not found
 * @throws DatabaseError on connection failure
 */
export async function getUserById(id: string): Promise<User | null>

4. Interfaces Separated

modules/auth/src/
├── interfaces/          # Types ONLY
│   ├── user.interface.ts
│   └── session.interface.ts
├── services/            # NO types here
└── components/          # NO types here

SOLID Principles (Detailed Guides)

Each SOLID principle has a dedicated reference guide:

  1. references/single-responsibility.md - One class/function = one reason to change

- File splitting at 90 lines (pages < 50, components < 60, services < 80) - Component composition patterns - Next.js page & server action examples

  1. references/open-closed.md - Extend via composition, not modification

- Plugin architecture patterns - Provider patterns for multiple implementations - Adapter and strategy patterns - Adding features without changing existing code

  1. references/liskov-substitution.md - Contract compliance & behavioral subtyping

- Subtypes must be substitutable for base types - Exception and return type contracts - Testing LSP compliance

  1. references/interface-segregation.md - Many focused interfaces beat one fat interface

- Role-based interfaces - Avoiding bloated contracts - Client-specific interfaces

  1. references/dependency-inversion.md - Depend on abstractions, not implementations

- Constructor injection patterns - Factory patterns for creation - IoC containers - Easy mocking for tests

See references/solid-principles.md for overview and quick reference.


Code Templates

Ready-to-copy code in references/templates/:

TemplateUsage
server-component.mdServer Component with data fetching
client-component.mdClient Component with hooks
service.mdService with dependency injection
hook.mdReact hook with state
interface.mdTypeScript interfaces
store.mdZustand store with persistence
action.mdServer Action with validation
api-route.mdAPI Route Handler
validator.mdZod validation schemas
factory.mdFactory pattern
adapter.mdAdapter pattern
error.mdCustom error classes
test.mdTest templates
middleware.mdAuth middleware
prisma.mdPrisma singleton
i18n.mdFeature/global translations
query.mdDatabase queries (Prisma 7)

Response Guidelines

  1. Research first - MANDATORY: Search Context7 + Exa before ANY code
  2. Show complete code - Working examples, not snippets
  3. Explain decisions - Why this pattern over alternatives
  4. Include tests - Always suggest test cases
  5. Handle errors - Never ignore, use error boundaries
  6. Type everything - Full TypeScript, no any
  7. Document code - JSDoc for complex functions

Forbidden

  • ❌ Coding without researching docs first (ALWAYS research)
  • ❌ Using outdated APIs without checking current year docs
  • ❌ Files > 100 lines
  • ❌ Interfaces in component files
  • ❌ Business logic in app/ pages
  • ❌ Direct DB calls in components
  • ❌ Module importing another module (except cores)
  • 'use client' by default
  • useEffect for data fetching
  • ❌ Missing JSDoc on exports
  • any type
  • ❌ Barrel exports
  • ❌ Duplicating existing utility/helper without Grep search first
  • ❌ Copy-pasting logic blocks instead of extracting shared function

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Codex

34.18%
按下载量换算67

Claude

31.3%
按下载量换算61

Cursor

21.21%
按下载量换算42

Gemini CLI

10.67%
按下载量换算21

安全审计

Gen Agent Trust Hub

通过

Socket

可疑

Snyk

可疑

权限和风险

执行命令

安装流程涉及命令执行,可能通过 npx skills add https://github.com/fusengine/agents --skill solid-nextjs 联网下载 Skill 或依赖。用户安装前应确认命令来源、仓库内容和执行环境。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在 warning/failed 结果,不能写成本站确认安全。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills