Add loading.tsx and component-matched skeletons to a Next.js app for faster perceived navigation, fixing and adding skeletons on data calls while mirroring the app theme, dark mode, and accessibility with zero layout shift.
Not in a marketplace yet, so it loads for one session with --plugin-dir.
Plugin nextjs-skeletons in imfaisii/skills. Commands read from the repo's manifest — 1 month ago.
nextjs-skeletonsAdd and fix Next.js loading states and component-matched skeletons for faster perceived navigation, mirroring the app theme and dark mode with zero layout shift. Use when asked to add loading states, add or fix skeletons, add loading.tsx, set up loading UI, make navigation feel faster, fix layout sh
Problems found in this repo's manifests
Reproduce claude.ai/design output from Claude Code: hard-rules doctrine, call order, intake gate, hybrid board default, Deeporax graphics, product-real content, verify-with-interaction, local .dc.html preview, hooks against silent failures.
5 skills · 1 agent · hooks
Slop-resistant prompt packages for Claude Design. Two skills: design-prompt turns a rough idea (and optional inspiration screenshots) into a master design-system prompt plus iteration follow-ups; screen-prompts researches the app, interrogates the user (via /grill-me when installed), maps every screen, and generates per-screen prompts plus an interactive device-frame canvas prompt for click-through testing mobile apps. Reference graphics via the Deeporax connector.
2 skills
Write clear, conventional git commit messages from your staged changes.
1 skill
Pick a keyword from Search Console, Ahrefs and Ubersuggest data, run deep research (SERP teardown, topic coverage, verified facts), then write an EEAT-optimized SEO blog post with no AI watermarks inside an existing repo's blog system, with generated images ranked by a vision model.
1 skill
Generate a structured pull request description from your branch diff.
1 skill
AGENTS.md as project instructions, by one option. Under claude-md-or-agents-md a project with no instruction files of its own gets its AGENTS.md files instead: a prompt.context hook asks $.fs.ancestors for every AGENTS.md and .claude/AGENTS.md from the filesystem root down to the working directory and hands them to the engine as project instruction files, which it renders, announces and withholds from agents exactly as it does CLAUDE.md, skipping any file the engine already loaded by import or link; a tool.call hook on Read attaches the ones under the project root as the engine attaches a nested CLAUDE.md. Under claude-md-and-agents-md every AGENTS.md is loaded beside CLAUDE.md. Under managed-only the project's and the person's instruction files are dropped and the organization's managed ones kept. Under claude-md the engine's walk stands alone. claude-md-or-agents-md is the default.
Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.
7 skills
Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.
6 skills
Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.
23 skills · 1 MCP server
Payload Development plugin - covers collections, fields, hooks, access control, plugins, and database adapters.
1 skill
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
9 skills · 4 commands · 3 agents
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.