LogoClawIndex
CasesSkillsAbout
LogoClawIndex

devfive-frontend - DevFive frontend coding conventions for Next.js

Provides coding conventions and architecture patterns for DevFive frontend projects using Next.js App Router and devup-ui.

Tags

Updated: 2026-10-04
frontendReactNext.jsdevup-uicoding conventionscomponent architecturemonorepo

Capabilities

Identify Next App Router projectsApply DevFive project structureApply devup-ui styling conventionsOrganize component files

Typical Inputs

Frontend project sourcepackage.jsonvite.config.ts

Typical Outputs

Frontend code changesOrganized component filesdevup-ui styling changes

What this skill does

  • Identify Next App Router projects
  • Apply DevFive project structure
  • Apply devup-ui styling conventions
  • Organize component files
  • Place single-color SVG icons
  • Prefer Server Components
  • Configure global reset styles

Inputs

  • Frontend project source
  • package.json
  • vite.config.ts
  • Component requirements

Outputs

  • Frontend code changes
  • Organized component files
  • devup-ui styling changes
  • SVG icon assets

Requirements

  • Next.js App Router 16+ or vinext
  • React 19+
  • devup-ui skill loaded first
  • bun package manager

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.