skills.rest
stars-end
stars-endOFFICIAL
Explore all skills by this author →
GitHub

context-admin-ui

Configure the Affordabot Admin Dashboard UI for Next.js App Router admin pages.

Updated Aug 27, 2026
Search Tags:#workflow#ui#frontend#next.js#dashboard#admin
One-click install
npx skills add https://github.com/stars-end/affordabot --skill context-admin-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: context-admin-ui
Source: https://github.com/stars-end/affordabot/tree/main/.claude/skills/context-admin-ui
Command: npx skills add https://github.com/stars-end/affordabot --skill context-admin-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a Next.js Admin UI scaffold with pages and components to manage discovery, reviews, and sources, simplifying internal tooling and governance.

Core Features & Use Cases

  • Admin Dashboard: Home, discovery, reviews, and source management pages.
  • UI Components: ScrapeManager, AnalysisLab, ModelRegistry, PromptEditor, and JurisdictionMapper for internal operations.
  • Use Case: Quickly spin up a controllable admin interface for reviewing scraped data, configuring LLM models, and managing sources.

Quick Start

Use this skill when modifying the admin dashboard or internal tools. For a quick start, open frontend/src/app/admin/page.tsx and begin customizing the admin homepage layout.

Frequently Asked Questions about context-admin-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up an admin dashboard with Next.js App Router?▼

Set up an admin dashboard by configuring Next.js App Router pages in frontend/src/app/admin/. This Skill provides a scaffold with home, discovery, reviews, and source management pages you can customize for internal tool management and governance workflows.

Can I use React components for managing LLM models and prompts in an admin interface?▼

Yes. This Skill includes modular React components like ModelRegistry and PromptEditor with TypeScript typing and system prompt integration, designed for managing LLM configuration and RAG testing directly in your admin UI.

What's the best way to centralize internal tool management in a Next.js frontend?▼

Centralize internal tools using this Skill's Admin Dashboard, which provides pre-built pages and components like ScrapeManager, AnalysisLab, and JurisdictionMapper for discovery, reviews, and source management in a single interface.

How do I configure TypeScript components for an admin workflow?▼

Configure components by modifying the admin pages scaffold; this Skill includes pre-typed React components with page routing and system prompt integration to support modular frontend engineering and internal operations.

Does this admin UI support reviewing scraped data and managing sources?▼

Yes. The Admin Dashboard includes source management and discovery pages, plus ScrapeManager and JurisdictionMapper components to review scraped data, configure sources, and govern internal tooling workflows.

What frontend requirements does this admin UI satisfy?▼

It satisfies modular React components, TypeScript typing, Next.js App Router page routing, and system prompt integration for RAG testing and admin workflows on internal governance tasks.

Related Skills

Explore More Software Engineering Skills→
School-Agent-IncSchool-Agent-Inc
1

web-builder

Scaffold Next.js/React websites with App Router, TypeScript, and Tailwind CSS.

Official
Intermediate
Snowflake-LabsSnowflake-Labs
12

deploy-fleet-intelligence-taxis

Generate realistic taxi driver location data using Overture Maps and OpenRouteService.

Official
Advanced
NicolasHoyosDevssNicolasHoyosDevss

rag-implementation

Build RAG systems integrating vector databases, embedding models, and retrieval strategies.

Community
Advanced
george-popescugeorge-popescu

react-native-expo

Enforce React Native and Expo managed workflow conventions for mobile app development.

Community
Intermediate