By josui
Project lifecycle management: task/phase status flow, automatic session continuity, CSS architecture conventions, JS/TS rules, UI design quality, design-language extraction, image-prompt authoring, dashboard visualization
Quickly add a backlog entry
Open the current project's .rime/ kanban dashboard — tasks, phases, and cautions. Project task tracking, NOT AI usage/spend/billing.
Triggers when the user asks to commit / commit code / git commit. Analyzes changes and generates a conventional commit message, with support for splitting into multiple commits.
Read the content of an X/Twitter tweet
Use when setting up CSS file structure, writing component or page styles, establishing BEM naming conventions, configuring CSS @layer ordering, reviewing CSS organization, or migrating CSS architecture. Covers CUBE CSS methodology, data-* driven variants, skin vs layout separation, CSS custom properties tokens. Applies to pure CSS, Tailwind (@apply, @reference), and framework-based (React/Vue/Svelte) projects with or without component libraries (shadcn, cossui, Radix).
Use when building, reviewing, or modifying UI/frontend interfaces. Covers design token anchoring, AI slop prevention, motion decisions, and routing to specialized design skills when available. Applies to any frontend project.
Use when starting or executing a task from tasks.json, updating task status, closing a phase, or maintaining project docs. Daily lifecycle management — tasks.json status flow (todo → doing → done), phase lifecycle, and doc-update rules. Triggers: executing or starting a tasks.json task, updating task status, archiving a phase, maintaining docs.
Use when the user explicitly asks for help writing an image-generation prompt to be pasted into an external tool (ChatGPT Web / Gemini / AI Studio). Triggers: "help me write an image-gen prompt", "give me a gpt-image / nano banana prompt", "write an image prompt I'll use in ChatGPT". Produces copy-ready prompt text ONLY — does NOT generate images or call any image API. If the user wants an actual image rendered, route to a proper image-generation tool instead.
Use when initializing a new project or migrating an old project to the rime workflow. New-project scaffolding + legacy migration — create the .rime/ data layer, docs/ skeleton, and AGENTS.md, and configure the dev toolchain. Triggers: initializing a new project, migrating a legacy-format project.
Modifies files
Hook triggers on file write and edit operations
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Frost crystallizing into form — a carefully crafted AI-collaboration toolkit.
Claude Code plugin for project lifecycle management and AI-assisted development workflows.
| Name | Description |
|---|---|
| rime-init | Project bootstrapping and legacy migration (scaffolding / toolchain setup) |
| rime-flow | Day-to-day lifecycle management (task status transitions / phase management) |
| rime-sdd | Subagent orchestration for large tasks (per-task review gate + final whole-branch review) |
| rime-css | CSS architecture methodology (CUBE CSS / BEM / Tailwind) |
| rime-design | UI design quality enforcement + external design skill routing |
| rime-scan | Extract design language from reference sites/screenshots (programmatic tokens + AI visual analysis) |
| rime-imagen | Image generation prompt authoring (gpt-image-2 / Nano Banana Pro — outputs prompt text only) |
| rime-js | JS/TS general ruleset (21 rules: Type Safety / Module / Error & Async / Performance) |
| rime-react | React component development ruleset (21 rules) |
| Name | Description |
|---|---|
| rime-backlog | Quickly add a task to .rime/tasks.json |
| rime-dashboard | Open the .rime/ data visualization dashboard |
| rime-git | Analyze changes and generate a well-formed commit message (supports multi-commit splitting) |
| rime-tweet | Read X/Twitter post content |
| Event | Description |
|---|---|
| SessionStart | Automatically inject project context (current phase, active tasks, last session summary) |
| SessionEnd | Automatically summarize the session, update task statuses, and record lessons learned |
rime-craft is designed to be combined with external skills, each handling its own domain.
| Scenario | rime-craft | External skill |
|---|---|---|
| New project kickoff | rime-init scaffolding | — |
| Task design and scoping | rime-flow manages tasks.json | grill-me / grill-with-docs for deep questioning |
| Executing a large task | rime-flow status tracking | rime-sdd subagent orchestration |
| Test-driven development | rime-flow task status transitions | tdd red-green cycle |
| Code review | rime-backlog converts findings into tasks | review dual-axis review (Standards + Spec) |
| CSS architecture | rime-css methodology | agent-browser responsive verification |
| UI design quality | rime-design baseline rules | impeccable suite / emil-design-eng |
| UI motion / transitions | rime-design motion baseline + routing | transitions-dev (CSS recipes) / gsap (JS timelines, scroll-driven) / text-to-lottie (vector) / emil-design-eng (decisions & review) |
| Design language extraction | rime-scan structured scan JSON | agent-browser programmatic extraction + AI visual analysis |
| Image generation prompts | rime-imagen authors prompt text | External tools: ChatGPT Web / Gemini / AI Studio (copy and use) |
| JS/TS development | rime-js ruleset | typescript-eslint |
| React development | rime-react ruleset | react-doctor |
Core interface: tasks.json — skills like grill-me / tdd / review excel at deep single-session execution; rime-flow excels at cross-session state tracking; rime-sdd excels at subagent orchestration for large tasks.
rime-dashboard command)Install as a Claude Code plugin:
# 1. Add marketplace
/plugin marketplace add josui/rime-craft
# 2. Install
/plugin install rime-craft@rime-marketplace
For development / testing:
claude --plugin-dir /path/to/rime-craft
Every tool is like a frost crystal — lightweight, precise, and formed exactly where it's needed most.
Bing — Product Designer & Frontend Developer at m3.com
MIT
npx claudepluginhub josui/rime-craft --plugin rime-craftProduction-ready Claude Code configuration with role-based workflows (PM→Lead→Designer→Dev→QA), safety hooks, 44 commands, 19 skills, 8 agents, 43 rules, 30 hook scripts across 19 events, auto-learning pipeline, hook profiles, and multi-language coding standards
Structured development skills for any project. Provides brainstorming, planning, parallel agent development, browser testing, systematic debugging, and self-improvement workflows.
Context-Driven Development plugin that transforms Claude Code into a project management tool with structured workflow: Context → Spec & Plan → Implement
Autonomous coding using the Ralph Wiggum technique - simple loops, persistent memory, one task at a time
Full-cycle project development - brainstorm ideas, create specifications, plan architecture, initialize projects, and execute implementation with integrated workflows from superpowers and spec-kit
Structured project planning and execution through brainstorm, spec, and build phases across three execution tiers: sequential, delegated sub-agents, and full agent teams