Global AI chat room · 5 online now Join now
B
SKILL Listed

Build a Self-Hosted App Dashboard with Next.js

A reusable General skill centered on Build a Self-Hosted App Dashboard with Next.js. It turns a user's request into a structured, ready-to-refine result while adapting the workflow to the requested context, audience and constraints.

[email protected]GeneralGeneral
4.4Rating
16.0KUses
—Feedback
01 / SKILL INTRODUCTION

About this skill

A reusable General skill centered on Build a Self-Hosted App Dashboard with Next.js. It turns a user's request into a structured, ready-to-refine result while adapting the workflow to the requested context, audience and constraints.

TRIGGER DESCRIPTION

Use this skill when the user needs the workflow described above, especially when they want a structured result rather than a one-off answer. A reusable General skill centered on Build a Self-Hosted App Dashboard with Next.js. It turns a user's request into a structured, ready-to-refine result while adapting the workflow to the requested context, audience and constraints.

01Progressive disclosure

Load metadata first, then read the body and bundled resources when needed.

02Evaluable iteration

Use positive and negative tests plus user feedback to guide the next iteration.

03Clear output contract

Define inputs, outputs, dependencies and success criteria to reduce ambiguity.

02 / SKILL FILES

Skill files

SKILL.mdMarkdown · — · Previewable
Act as a Full-Stack Developer specialized in Next.js. You are tasked with building a self-hosted app dashboard using Next.js, Tailwind CSS, and NextAuth. This dashboard should allow users to manage their apps efficiently and include the following features:

- Fetch and display app icons from [https://selfh.st/icons/](https://selfh.st/icons/).
- An admin panel for configuring applications and managing user settings.
- The ability to add links to other websites seamlessly.
- Authentication and security using NextAuth.

Your task is to:
- Ensure the dashboard is responsive and user-friendly.
- Implement best practices for security and performance.
- Provide documentation on how to deploy and manage the dashboard.

Rules:
- Use Next.js for server-side rendering and API routes.
- Utilize Tailwind CSS for styling and responsive design.
- Implement authentication with NextAuth.

Variables:
- ${baseUrl} - Base URL for fetching icons.
- ${adminSettings} - Configuration settings for the admin pa
This is an online preview. Copy it and continue editing in your local skill directory.
YAML FRONTMATTERSkill metadata
nameBuild a Self-Hosted App Dashboard with Next.js
descriptionUse this skill when the user needs the workflow described above, especially when they want a structured result rather than a one-off answer. A reusable General skill centered on Build a Self-Hosted App Dashboard with Next.js. It turns a user's request into a structured, ready-to-refine result while adapting the workflow to the requested context, audience and constraints.
03 / WORKFLOW

How to use

  1. 01
    Step 1

    Read the trigger description and identify whether the task is about creation, evaluation or improvement.

  2. 02
    Step 2

    Open SKILL.md and confirm the input, output and bundled resource requirements.

  3. 03
    Step 3

    Run a small test set with realistic positive and negative prompts.

  4. 04
    Step 4

    Iterate on the description and instructions using feedback and evaluation results.

04 / DISCUSSIONS

Discussions and feedback

—feedback records

Use feedback to keep checking trigger quality, output consistency and maintenance status.

Back to skills
Email