claude

city-app

Project setup, lessons that stick, rule testing, and front-end checks for AI coding agents.

1 on GitHubby John Diligv0.2.0updated yesterdaydevelopment
/

Plugin city-app from marketplace city-app-framework in balbonits/city-app-framework. Commands read from the repo's manifest — yesterday.

What it installs

Skills (3)

  • lesson

    Make a correction stick across sessions. Use when the human corrects a behavior they'd want fixed for good ("don't do X", "we always do Y", "you did Z again"), or asks you to remember a rule for this project.

  • setup

    Set up this project for AI coding agents. Installs AGENTS.md (with CLAUDE.md importing it) and the safety hooks, then fills AGENTS.md from what the repo shows. Safe to re-run; never overwrites existing files. Use --check to only report what's missing.

  • start

    Start a new app or feature from a short spec, tests first. Saves the spec to docs/spec.md, turns each requirement into a failing acceptance test, then builds until they all pass. Use when the human describes something new to build in a few sentences ("build me...", "start a...").

Slash commands (5)

  • /city-app:rules:prune

    Re-test the AGENTS.md rules saved by /city-app:rules:test, for example after a model update, and cut the ones the agent no longer needs. Shows the plan first and runs nothing until you say yes.

  • /city-app:rules:test

    A/B-test one AGENTS.md rule on this project. Runs the same small task with and without the rule in throwaway copies and scores each run with a check command, so you know whether the rule changes what the agent does. Shows the plan first and runs nothing until you say yes.

  • /city-app:ui:baseline

    Approve how the pages look now as the baseline. After that, /city-app:ui:check (and npm test, when it runs the UI checks) fails when a page looks different, naming the page and screen size, with a diff image. Use after a visual change the human wanted.

  • /city-app:ui:check

    Check the pages you changed for accessibility problems, console errors, and layouts wider than the screen, at phone, tablet and desktop sizes. Pass/fail checks with fix-it messages, plus screenshots. Use after UI changes. --add-test makes npm test run them, so the finish gate enforces them.

  • /city-app:ui:tokens

    Check that every color comes from a design token (var(--name)) instead of being written out in CSS, inline styles or element.style. Fails with file:line fix-it messages. --add-test puts it in npm test, so the finish gate enforces it.

View source on GitHub

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

Use Alibaba Open Code Review from local Codex.

2 skills

alibaba/open-code-review 50,068

slidev

claude

Claude Code skill for creating and presenting Slidev slidedecks

1 skill

slidevjs/slidev 49,452

Maintain city-app?

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.

claude & codex pluginslisted