Impeccable
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
Designs user flows, interaction states and mockups for a defined product scope; does not implement UI code.
$ npx skills add levnikolaevich/claude-code-skills --skill ln-13-interaction-design-builder -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install levnikolaevich/claude-code-skills ln-13-interaction-design-builder --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/levnikolaevich/claude-code-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder .claude/skills/ln-13-interaction-design-builder && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ln-13-interaction-design-builder" agent skill from https://github.com/levnikolaevich/claude-code-skills/tree/master/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder into .claude/skills/ln-13-interaction-design-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ln-13-interaction-design-builder", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/levnikolaevich/claude-code-skills/tree/master/plugins/product-discovery-suite/skills/ln-13-interaction-design-builderType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add levnikolaevich/claude-code-skills --skill ln-13-interaction-design-builder -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install levnikolaevich/claude-code-skills ln-13-interaction-design-builder --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/levnikolaevich/claude-code-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder .agents/skills/ln-13-interaction-design-builder && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ln-13-interaction-design-builder" agent skill from https://github.com/levnikolaevich/claude-code-skills/tree/master/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder into .agents/skills/ln-13-interaction-design-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ln-13-interaction-design-builder", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add levnikolaevich/claude-code-skills --skill ln-13-interaction-design-builder -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install levnikolaevich/claude-code-skills ln-13-interaction-design-builder --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/levnikolaevich/claude-code-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder .cursor/skills/ln-13-interaction-design-builder && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ln-13-interaction-design-builder" agent skill from https://github.com/levnikolaevich/claude-code-skills/tree/master/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder into .cursor/skills/ln-13-interaction-design-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ln-13-interaction-design-builder", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/levnikolaevich/claude-code-skills.git --path plugins/product-discovery-suite/skills/ln-13-interaction-design-builder--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add levnikolaevich/claude-code-skills --skill ln-13-interaction-design-builder -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install levnikolaevich/claude-code-skills ln-13-interaction-design-builder --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/levnikolaevich/claude-code-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder .gemini/skills/ln-13-interaction-design-builder && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ln-13-interaction-design-builder" agent skill from https://github.com/levnikolaevich/claude-code-skills/tree/master/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder into .gemini/skills/ln-13-interaction-design-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ln-13-interaction-design-builder", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install levnikolaevich/claude-code-skills ln-13-interaction-design-builderInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add levnikolaevich/claude-code-skills --skill ln-13-interaction-design-builder -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/levnikolaevich/claude-code-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder .github/skills/ln-13-interaction-design-builder && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ln-13-interaction-design-builder" agent skill from https://github.com/levnikolaevich/claude-code-skills/tree/master/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder into .github/skills/ln-13-interaction-design-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ln-13-interaction-design-builder", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add levnikolaevich/claude-code-skills --skill ln-13-interaction-design-builder -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install levnikolaevich/claude-code-skills ln-13-interaction-design-builder --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/levnikolaevich/claude-code-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder .opencode/skills/ln-13-interaction-design-builder && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ln-13-interaction-design-builder" agent skill from https://github.com/levnikolaevich/claude-code-skills/tree/master/plugins/product-discovery-suite/skills/ln-13-interaction-design-builder into .opencode/skills/ln-13-interaction-design-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ln-13-interaction-design-builder", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
ln-13-interaction-design-builderDesigns user flows, interaction states and mockups for a defined product scope; does not implement UI code.
Ln 13 Interaction Design Builder is an agent skill from levnikolaevich/claude-code-skills. Designs user flows, interaction states and mockups for a defined product scope; does not implement UI code.
Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering UX design. The repository describes itself as: Help your AI agent finish the job: solve the right problem, keep changes focused, and show what was verified. For Claude Code and Codex. The licence is MIT.
4 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 0ce8796. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Ln 13 Interaction Design Builder loads about 1.8k tokens when it runs. Until then it costs about 35 tokens; SKILL.md has 905 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from levnikolaevich/claude-code-skills at commit 0ce8796, republished under its MIT licence (© levnikolaevich). 905 words, ~1,828 tokens.
.claude/skills/ln-13-interaction-design-builder/SKILL.md (or your agent's skills folder).Goal: Create or update authorized interaction-design artifacts that make a product journey usable and implementable while preserving protected experience. Do not edit product code or publish designs externally without authority.
Execution contract: The checklist defines completion. Track each item internally as PENDING, PROVEN with evidence, CLEARED with evidence its condition is absent, or UNPROVEN with a gap; reading, delegation, tool failure, a zero exit status, or a self-reported success is not proof; only the observed outcome is. Reconcile after each section. Before returning, resolve all PENDING, count only PROVEN and CLEARED, and apply verdict and approval rules to every gap.
Preserve intent, scope, and existing authorization. Continue authorized work; ask only for consequential unresolved choices or required external approval. When no one can answer during the run, state the exact question and apply the skill's verdict for the remaining gap instead of waiting or guessing. Scale depth to material risk without skipping checks. Preserve dependency and safety order; otherwise choose an appropriate verification method.
Accept equivalent user or repository evidence; no other skill, named artifact, or complete lifecycle is required. Preserve source requirement and decision IDs. Bind reused evidence to relevant source versions, dirty changes, configuration, and environment; invalidate only affected claims.
On continuation, reconcile task, authorization, current state, and unresolved evidence. For long work, return a compact continuation record or update an already authorized artifact; read-only skills do not persist it. Distinguish artifact readiness, verified behavior, and external-action authority.
Prepare authorized work before required approval. If blocked by an instruction, cite its exact source and unresolved boundary; do not invent approval gates from caution.
| Need | Preferred capability | Fallback |
|---|---|---|
| Requirements and experience | Accepted product intent, existing UI and design conventions | User-supplied scenarios; essential missing intent is BLOCKED |
| Interaction evidence | Browser, screenshots, accessibility inspection and existing design files | Textual state/flow specification with explicit visual limits |
| Design artifacts | Available design editor or local document/diagram capability | Authorized Markdown or HTML mockup; no required design service |
READY: critical interactions are specified and verified at the agreed fidelity with no consequential unresolved design decision.INCOMPLETE: the artifact exists but named interaction or acceptance gaps prevent readiness.BLOCKED: essential intent, safe artifact authority or a necessary capability has no credible substitute.Report in the user's language, in this order; label all five fields and state each fact once. Use controlled plain language: one fact per sentence, usually under 20 words, active voice, and one term per concept, with no synonyms for verdicts, IDs, or states. Small results may use one line per field; omit empty tables and do not copy linked artifacts:
Checklist: X/Y complete; Incomplete: None or each UNPROVEN item's reason, outcome impact, and exact next action; residual risks and required decisions.Skill-specific evidence: Artifact and fidelity, requirement-to-flow/state mapping, authorized UX changes, component reuse, accessibility behavior, inspection results and untested usability assumptions. When a flow has more than a few states and the host renders Markdown diagrams, add one Mermaid state or flow diagram; keep the text complete without it.
© levnikolaevich, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in plugins/product-discovery-suite/skills/ln-13-interaction-design-builder of levnikolaevich/claude-code-skills.
Open the folder on GitHubat commit 0ce8796
Ln 13 Interaction Design Builder next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Ln 13 Interaction Design Builder this skilllevnikolaevich/claude-code-skills | 574 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Impeccablebestofjs/bestofjs | 3.1k | 26 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Interface Design for Dashboards and Appsholaboss-ai/holaOS | 11k | 3 repos | ~6k | Automated safety check: Pass | MIT | |
| Animategrowupanand/ConvoForm | 102 | 6 repos | ~1.9k | Automated safety check: Pass | Apache-2.0 | |
| Migrate Content Iadocker/docs | 4.7k | — | ~5.1k | Automated safety check: Pass | Apache-2.0 | |
| UX WalkthroughXiaoMi/hiui | 879 | — | ~1.3k | Automated safety check: Pass | MIT |
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
holaboss-ai/holaOS
Pushes an agent past generic defaults when designing dashboards, admin panels, SaaS apps and tools, with attention to structure, type, navigation and how data is shown.
growupanand/ConvoForm
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
docker/docs
Handle Hugo docs information-architecture moves: discover old vs new URLs, add front matter aliases (Phase 1), update in-repo links (Phase 2), interactive List 2 resolution and fragment validation…
XiaoMi/hiui
体验走查 skill。适用于代码库、URL、截图三种输入,输出结构化体验问题报告,并同步生成本地 docx 报告。触发词:体验走查、UX review、交互走查、界面审查、体验问题。
rome-os/rome
Audit a design system's color palette against measurable color-science disciplines — WCAG/APCA contrast of declared token pairs, perceptual (OKLCH) ramp uniformity, color-blindness safety of…
levnikolaevich/claude-code-skills
Audits documentation and comments for trust, coverage, consistency and freshness; read-only.
levnikolaevich/claude-code-skills
Reviews skill instructions, trigger boundaries and distribution contracts; not product code.
levnikolaevich/claude-code-skills
Evaluates new product opportunities through demand, channels and economics before committing to build.
levnikolaevich/claude-code-skills
Defines product requirements, business rules and acceptance criteria for a committed intent; edits product docs only.
levnikolaevich/claude-code-skills
Defines measurable architecture drivers and constraints before system design; edits architecture docs only.
levnikolaevich/claude-code-skills
Documents current architecture from implementation evidence; does not propose a target or audit fitness.
Categories
Designs user flows, interaction states and mockups for a defined product scope; does not implement UI code. Ln 13 Interaction Design Builder is an agent skill from levnikolaevich/claude-code-skills. Designs user flows, interaction states and mockups for a defined product scope; does not implement UI code.
Ln 13 Interaction Design Builder fits situations like: tasks that involve UX design.
Run `npx skills add levnikolaevich/claude-code-skills --skill ln-13-interaction-design-builder -a claude-code`. Or copy the skill folder (plugins/product-discovery-suite/skills/ln-13-interaction-design-builder in levnikolaevich/claude-code-skills) into .claude/skills/ln-13-interaction-design-builder in your project. Claude Code loads it when a task matches its description.
Run `npx skills add levnikolaevich/claude-code-skills --skill ln-13-interaction-design-builder -a codex`. Or copy the skill folder (plugins/product-discovery-suite/skills/ln-13-interaction-design-builder in levnikolaevich/claude-code-skills) into .agents/skills/ln-13-interaction-design-builder in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add levnikolaevich/claude-code-skills --skill ln-13-interaction-design-builder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ln-13-interaction-design-builder, .gemini/skills/ln-13-interaction-design-builder, .github/skills/ln-13-interaction-design-builder and .opencode/skills/ln-13-interaction-design-builder in your project.
SKILL.md names no scripts, command-line tools or credentials: Ln 13 Interaction Design Builder is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Ln 13 Interaction Design Builder is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.8k tokens (SKILL.md is roughly 7.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Ln 13 Interaction Design Builder: Impeccable (bestofjs/bestofjs, 3.1k stars), Interface Design for Dashboards and Apps (holaboss-ai/holaOS, 11k stars), Animate (growupanand/ConvoForm, 102 stars) and Migrate Content Ia (docker/docs, 4.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
levnikolaevich (a GitHub user) maintains it in levnikolaevich/claude-code-skills, which has 574 GitHub stars. The repository holds 31 skills in this directory. The repository was last updated on October 5, 2026.
Source: levnikolaevich/claude-code-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.