Nay Layout — Design skill for Claude Code
Use the Nay agent to interactively build or redesign a custom dashboard layout.
How to install Nay Layout
Installs to ~/.claude/commands/blpsoares-agentistics-nay-layout.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/blpsoares/agentistics/HEAD/.claude/commands/nay-layout.md -o ~/.claude/commands/blpsoares-agentistics-nay-layout.md Restart Claude Code, or start a new session, for it to be picked up.
What Nay Layout does
Use the Nay agent to interactively build or redesign a custom dashboard layout.
$ARGUMENTS
Nay should:
- Call
agentistics_component_catalogto get all available components and their current IDs. - Call
agentistics_get_layoutsto see what layouts already exist. - Call
agentistics_summaryto understand what data is available and most relevant.
If $ARGUMENTS contains a theme or focus (e.g. "costs", "activity", "agents", "projects"), build a layout optimized for that theme. If no argumen
Alternatives in Design
- Doc — Read, create, and edit .docx documents with formatting and layout fidelity 14.6k ★
- Claude Powerline — by Owloops - A vim-style powerline statusline for Claude Code with real-time usage tracking, git integration 940 ★
- Scaffold Project — Scaffold a new design-product project that matches the recommended Claude Code layout (the reference structure 781 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Redesign Layout
Read CLAUDE.md in this repo — specifically the Section Layout Recipes, Homepage Blueprint, and Inner Page Patt
Add Admin Panel
Create basic admin dashboard with protected routes. Implement admin route protection with role-based access co
Add Dashboard
Create a comprehensive metrics dashboard layout. Implement responsive grid using Bootstrap with metric cards a
Comms Dashboard
Turn your Slack, email, and Google Docs into one prioritized HTML dashboard — with draft replies ready to send
Design Expert
Apply expert UX/UI design thinking to design, redesign, enhance, or fix any interface element with meticulous
Redesign Animations
Read CLAUDE.md in this repo — specifically the Animation rules in the Design Rules section.
Related Agents
Aidesigner Frontend
Use this skill when the user wants to create or redesign a frontend, landing page, dashboard, marketing page,
Nay
Agentistics intelligence agent. Use Nay when you need to query Claude Code usage metrics, analyze costs and pa
Viz Frontend
Use when experiment data needs a custom dashboard, comparison surface, or trajectory viewer.