🎨
FrontendTypeScript

UI Craft

by MemTensor

UI Craft is a Frontend skill for Claude Code, published by MemTensor in memmy-agent.

912 stars93 forkson MemTensor/memmy-agentAdded 2026/08/22+33% in starsRepository updated 2026/08/21
agentagentic-aiai-agentschatgptclaude-codeclicodexcursordesktop-appdesktop-petdsh-pluginhermes-agentllmlong-term-memorymcpmemoryopenai-apiopenclawpersonal-aitui
Install in seconds
Install UI Craft
Copy UI Craft into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/MemTensor/memmy-agent/tree/main/App/memmy-agent/src/skills/ui-craft ~/.claude/skills/ui-craft

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/MemTensor/memmy-agent.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
App/memmy-agent/src/skills/ui-craft/SKILL.md in MemTensor/memmy-agent
Installs to
~/.claude/skills/ui-craft
Collection
One of 12 skills cataloged from this repository
Category
Frontend567 skills

What UI Craft does

UI Craft designs, builds, and revises browser-visible interfaces with attention to composition, interaction states, responsiveness, accessibility, and visual QA. Use it for HTML, CSS, JavaScript, React, Vue, or Svelte screens and components.

UI Craft is cataloged under Frontend on DirSkills. UI Craft comes from a repository tagged agent, agentic-ai, ai-agents, chatgpt and claude-code.

Documentation

README

UI Craft

Create an intentional interface, not merely valid frontend code. Make the page fit its product, help the user act, and hold up under real browser inspection.

Establish the design brief

Before editing, identify:

  • the user and the situation in which they reach this interface;
  • the primary job, decision, or action the interface must support;
  • the information that must be noticed first, second, and later;
  • the dominant behavior: scan, operate, enter, compare, learn, or explore;
  • the important default, loading, empty, error, success, disabled, and permission states;
  • the target viewports, input methods, accessibility needs, and engineering constraints.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about UI Craft

  • What else does MemTensor publish alongside UI Craft?

    UI Craft is one of 12 skills that DirSkills catalogs from MemTensor/memmy-agent, the repository it ships in. Its siblings there include Agent Memory Onboarding, Cron and GitHub. Each one is a separate skill with its own page in this directory, installs the same way UI Craft does, and is maintained by MemTensor in that same repository. The rest of the collection is listed on the MemTensor/memmy-agent page.

  • How does UI Craft compare to other Frontend skills?

    UI Craft ranks #353 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of UI Craft against them. Open each page to compare what they document and how they install.

More from MemTensor/memmy-agent

UI Craft is one of 12 skills cataloged on DirSkills from MemTensor/memmy-agent.

See all 12 skills