Individual skill

frontend-design

Create distinctive, production-grade web frontend interfaces with high design quality. Use when the user explicitly asks to build or substantially redesign a web component, page, or application. Only applies when repository inspection confirms that the visual surface is a browser-rendered web UI. Do not use for native or GPU-rendered graphics, shaders, games, terminal UIs, or other non-web visual systems. Ignore incidental mentions and traces.

plugins/spellbook-ui/skills/frontend-design/SKILL.md

Read pinned source

Source commit 238e07625aeca5bcf0d6f7cb3e2d07f94c717194

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: Yes
Observed behavior: Instructions only
Last checked: Nov 11, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 290
Repository last updated: Nov 4, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

ai-agents Repository topic
ai-coding-assistant Repository topic
claude Repository topic
claude-code Repository topic
developer-tools Repository topic
productivity Repository topic
automation Repository topic
agent-skills Repository topic
code-review Repository topic
prompt-engineering Repository topic
design Derived category
design-interface Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 5,541 bytes
evals/triggers.jsonlasset · 836 bytes

Read excerpt


This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

## Gotchas and Scope Gate

Use this skill only when the implementation target is a web frontend. Before applying its aesthetics guidance, verify that the relevant code is HTML/CSS/JavaScript or a web UI framework.

Stop using this skill if repository inspection shows that the visual surface is implemented by a native renderer, GPU shader, game engine, terminal UI, video pipeline, or another non-web graphics stack. Route that work to the relevant language, rendering, or visual-verification workflow instead. A request to make something look more polished does not establish web-frontend scope.

Trigger regression cases live in `evals/triggers.jsonl`.

## Design Thinking