JZKK720
- 19 skills
- 0 followers
- 13 hours ago last updated
- ▌
- ▌ Anti Slop · jzkk720Anti-AI-slop design and copy rules for any UI work (website, web app, or interface). Use whenever building, refining, or auditing user-facing UI. Holds every visual decision to a purpose test and the result to a liveliness bar so the output feels crafted by a designer, not generated by AI. Two modes: DURING (apply rules while building) or AFTER (audit finished work with a numbered findings list). Pairs with a DESIGN.md / brand direction for identity. Complements hallmark, taste-skill, baseline-ui, and improve-ui.
- ▌ Book To Skill · jzkk720Converts books and documents (PDF, EPUB, DOCX, HTML, Markdown, plain text, RTF, MOBI/AZW) into structured agent skills, extracting frameworks, mental models, principles, techniques, and anti-patterns. Use when the user wants to study a document through an agent, apply an author's frameworks while working, or build a reusable knowledge base from a file.
- ▌ Gstack Review · jzkk720Pre-landing PR review with structural-issue checklist and 8 specialist lenses. Use when asked to review a PR, do a code review, check a diff, or before landing/shipping code changes. Adapted from garrytan/gstack (MIT).
- ▌ Diagram Design · jzkk720Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, loop/ flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, bar, line, Gantt, scatter, high-level, process, medallion, data flow, DP integration, or DP security matrix diagrams as standalone HTML/SVG/PNG. Redraw .drawio/.drawio.png/.drawio.svg or Mermaid .mmd sources at a chosen size/detail; onboard brand tokens from a website; add semantic patterns, callouts, accessible motion, or sketchy/hand-drawn styling.
- ▌ Idea To Design · jzkk720You MUST use this before any creative work — creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements, and design through collaborative dialogue before any implementation. A pure-process methodology skill (no scripts, no shells, no browser servers). Adapted from the brainstorming skill methodology (obra/superpowers) with the unsafe visual-companion browser server removed.
- ▌ Webapp Testing · jzkk720Test local web applications with Playwright. Use when asked to verify frontend functionality, debug UI behavior, capture browser screenshots, or inspect browser logs. Pure-methodology skill: teaches the reconnaissance-then-action pattern and decision tree for static vs dynamic apps, with no bundled scripts. The agent writes native Playwright code or uses browser MCP tools instead.
- ▌ Open Code Review · jzkk720Performs AI-powered code review on Git changes using the `ocr` CLI from alibaba/open-code-review. Use when the user asks to review code, review a pull request, review staged/unstaged changes, review a commit, or compare branches for code quality issues. Produces line-level review comments and can automatically apply fixes when requested. With appropriate review rules, can detect various types of issues including bugs, security vulnerabilities, performance problems, and code quality concerns.
- ▌ Aris Idea Creator · jzkk720Generate and rank research ideas given a broad direction. Use when user says "brainstorm ideas", "generate research ideas", "what can we work on", or wants to explore a research area for publishable directions. Ported from wanshuiyin/Auto-claude-code-research-in-sleep (ARIS) — methodology only, Claude-Code-specific MCP/CLI/GPU deps stripped for VS Code Copilot.
- ▌ Aris Research Lit · jzkk720Search and analyze research papers, find related work, summarize key ideas. Use when user says "find papers", "related work", "literature review", "what does this paper say", or needs to understand academic papers. Ported from wanshuiyin/Auto-claude-code-research-in-sleep (ARIS) — methodology only, Claude-Code-specific MCP/CLI deps stripped for VS Code Copilot.
- ▌ Design Md Library · jzkk720Curated library of 74 real-world DESIGN.md files (Google Stitch spec) extracted from sites like Apple, Stripe, Linear, Vercel, Notion, Airbnb. USE WHEN the user wants a design system to ground UI generation, says "make it look like [brand]", "use the [brand] design system", wants to build a page matching a known site's visual language, asks for design tokens/colors/typography for a named brand, or references DESIGN.md / Stitch / VoltAgent awesome-design-md. Returns the path to the matching DESIGN.md so the agent can read and apply it. Not a generator itself — it's an index into the fork mirror at ~/dev/forks/JZKK720/awesome-design-md/design-md/.
- ▌ Impeccable Bolder · jzkk720Amplify a section within an existing design system to make it bolder and more confident. Use when a specific section reads flat or timid compared to its neighbors, and needs to be raised to the expressive level the rest of the page already reaches — without rebuilding anything outside the named target.
- ▌ Aris Novelty Check · jzkk720Verify research idea novelty against recent literature. Use when user says "novelty check", "check novelty", "has anyone done this", or wants to verify a research idea is novel before implementing. Ported from wanshuiyin/Auto-claude-code-research-in-sleep (ARIS) — methodology only, Claude-Code-specific MCP deps stripped for VS Code Copilot.
- ▌ Impeccable Animate · jzkk720Add purposeful motion to a user interface. Use when a design needs animation that explains state, relationship, and hierarchy — not decoration, but motion that carries meaning. Covers motion thesis, material-by-meaning, timing and easing, implementation strategy, and accessibility.
- ▌ Impeccable Clarify · jzkk720Improve UX copy, labels, error messages, and microcopy in a user interface. Use when interface text is unclear, ambiguous, jargon-heavy, or inconsistent — rewrite it so users understand what happened, what matters, and what to do next.
- ▌ Impeccable Delight · jzkk720Add personality and memorable moments to a product interface. Use when a design needs moments of joy, character, or emotional resonance — not generic whimsy, but product character revealed through useful interactions, humane responses, or unexpectedly considered details.
- ▌ Impeccable Distill · jzkk720Strip a design to its essence. Remove redundant elements, repeated information, decorative noise, and cosmetic complexity across information architecture, visual design, layout, interaction, content, and code. Use when a design feels cluttered, complex, or overloaded and needs simplification without losing necessary functionality.
- ▌ Impeccable Onboard · jzkk720Design first-run flows, empty states, and activation paths that get users to value as fast as possible. Use when building onboarding experiences, feature discovery, guided tours, interactive tutorials, or empty state design for a product interface.
- ▌ Open Code Review Delegate · jzkk720Delegation mode for open-code-review (OCR). Instead of OCR calling an LLM endpoint, this skill instructs the host agent to perform the code review itself, using OCR only for deterministic engineering: file selection and rule resolution. Use when the host agent should drive the review with its own LLM capabilities.