high-end-visual-design

feimacode/open-design-agent-kit Frontend & design

high-end-visual-design is a skill in feimacode/open-design-agent-kit, last changed 20 Sept 2026. It can name web addresses.

From the author

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.

What it can touch

Names web addresses

How much a skill can do, not whether it is risky.

Pattern check

1 item to review

Name copied from another skill

R38 · High · SKILL.md:2

Commit 995caa5 · 6 Nov 2026

How the check works

Pattern check:1 item to reviewSee it

QAI Index

44/QI

We rate every listed skill the same way, from 0 to 100.

A guide to compare by, not a verdict on the skill.

How it's scored

Install

Each tab says whether it installs commit 995caa5, the one we checked, or the latest version.

OpenCode also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Goose also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Windsurf (Devin Desktop) also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Zed also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Roo Code also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Factory Droid also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Junie also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

Amp also looks in .agents/skills/ and ~/.agents/skills/, so use the Any agent steps.

No install command here reaches Kiro. Copy the skill's folder into .kiro/skills/ in your project, or ~/.kiro/skills/ for all your projects. feimacode/open-design-agent-kit/packages/content/assets/open-design/skills/soft-skill (opens in a new tab)

Antigravity also looks in .agents/skills/, so the Any agent steps reach it with This project. For All projects, see where Antigravity looks.

Cline also looks in .claude/skills/, so the Claude Code steps reach it with This project. For All projects, see where Cline looks.

No tab for your agent? Use Any agent for OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie and Amp. With This project, Any agent also reaches Antigravity and Claude Code reaches Cline. Kiro needs the folder copied by hand.

Read this before installing: Name copied from another skill — SKILL.md:2

Pinned to commit 995caa5, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/feimacode/open-design-agent-kit.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&git -C "$tmp" sparse-checkout set -- packages/content/assets/open-design/skills/soft-skill &&git -C "$tmp" checkout -q 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&mkdir -p .claude/skills &&mkdir .claude/skills/high-end-visual-design &&cp -R "$tmp"/packages/content/assets/open-design/skills/soft-skill/. .claude/skills/high-end-visual-design/ &&rm -rf "$tmp"

If Claude Code was already running and this created the skills folder, run /reload-skills.

Claude Code docs

Pinned to commit 995caa5, the one we checked.

Skills in the Claude apps belong to your account rather than to a project.

Make high-end-visual-design.zip, with the skill folder at the top level:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/feimacode/open-design-agent-kit.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&git -C "$tmp" sparse-checkout set -- packages/content/assets/open-design/skills/soft-skill &&git -C "$tmp" checkout -q 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&out="$(mktemp -d)" &&cp -R "$tmp"/packages/content/assets/open-design/skills/soft-skill "$out"/high-end-visual-design &&(cd "$out" && zip -qr - high-end-visual-design) > high-end-visual-design.zip &&rm -rf "$tmp" "$out"

In Claude, open Customize > Skills, select +, then + Create skill > Upload a skill, and choose high-end-visual-design.zip.

On Free, Pro and Max plans, turn on Code execution and file creation (Create and edit files in newer settings) under Settings > Capabilities.

Claude apps docs

Pinned to commit 995caa5, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/feimacode/open-design-agent-kit.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&git -C "$tmp" sparse-checkout set -- packages/content/assets/open-design/skills/soft-skill &&git -C "$tmp" checkout -q 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&mkdir -p .agents/skills &&mkdir .agents/skills/high-end-visual-design &&cp -R "$tmp"/packages/content/assets/open-design/skills/soft-skill/. .agents/skills/high-end-visual-design/ &&rm -rf "$tmp"

Codex picks up new skills on its own; restart it if this one does not appear.

Codex docs

Pinned to commit 995caa5, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/feimacode/open-design-agent-kit.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&git -C "$tmp" sparse-checkout set -- packages/content/assets/open-design/skills/soft-skill &&git -C "$tmp" checkout -q 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&mkdir -p .cursor/skills &&mkdir .cursor/skills/high-end-visual-design &&cp -R "$tmp"/packages/content/assets/open-design/skills/soft-skill/. .cursor/skills/high-end-visual-design/ &&rm -rf "$tmp"

Cursor docs

Pinned to commit 995caa5, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/feimacode/open-design-agent-kit.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&git -C "$tmp" sparse-checkout set -- packages/content/assets/open-design/skills/soft-skill &&git -C "$tmp" checkout -q 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&mkdir -p .github/skills &&mkdir .github/skills/high-end-visual-design &&cp -R "$tmp"/packages/content/assets/open-design/skills/soft-skill/. .github/skills/high-end-visual-design/ &&rm -rf "$tmp"

In a running Copilot CLI session, run /skills reload.

Or install it with gh skill, which also installs the commit we checked. Needs GitHub CLI 2.90 or later.

gh skill install feimacode/open-design-agent-kit packages/content/assets/open-design/skills/soft-skill/SKILL.md@995caa5d9ffc9ad6516aa0876804fb10aafd9100 --agent github-copilot --scope project

Copilot & VS Code docs

Pinned to commit 995caa5, the one we checked.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/feimacode/open-design-agent-kit.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&git -C "$tmp" sparse-checkout set -- packages/content/assets/open-design/skills/soft-skill &&git -C "$tmp" checkout -q 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&mkdir -p .gemini/skills &&mkdir .gemini/skills/high-end-visual-design &&cp -R "$tmp"/packages/content/assets/open-design/skills/soft-skill/. .gemini/skills/high-end-visual-design/ &&rm -rf "$tmp"

In a running session, run /skills reload.

Or use Gemini CLI’s own installer. Installs the latest version, not the one we checked.

gemini skills install https://github.com/feimacode/open-design-agent-kit.git --path packages/content/assets/open-design/skills/soft-skill --scope workspace

Gemini CLI docs

Pinned to commit 995caa5, the one we checked.

OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity read .agents/skills in a project.

From your project's root folder:

tmp="$(mktemp -d)" &&git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/feimacode/open-design-agent-kit.git "$tmp" &&git -C "$tmp" fetch -q --depth 1 origin 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&git -C "$tmp" sparse-checkout set -- packages/content/assets/open-design/skills/soft-skill &&git -C "$tmp" checkout -q 995caa5d9ffc9ad6516aa0876804fb10aafd9100 &&mkdir -p .agents/skills &&mkdir .agents/skills/high-end-visual-design &&cp -R "$tmp"/packages/content/assets/open-design/skills/soft-skill/. .agents/skills/high-end-visual-design/ &&rm -rf "$tmp"

Or use the skills CLI from skills.sh. Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.

npx skills@1.7.4 add feimacode/open-design-agent-kit --skill high-end-visual-design

Agent Skills docs

Read SKILL.md first

MIT

Licence

1.0k

Repo stars

Folder last changed

Publisher

Files

Checked

6 Nov 2026

What it can touch

From the files and frontmatter at commit 995caa5. This is how much a skill can do, not whether it is risky.

Names web addresses
It mentions outside web addresses the agent may visit. We list them but don't follow them.
Outside links we did not follow

Pattern check

Pattern check: 1 item to review · commit 995caa5 · 6 Nov 2026

R38 · HighName copied from another skill
SKILL.md:2 (opens in a new tab)
```
name: high-end-visual-design
```

We checked every text file in this skill, at commit 995caa5 on 6 Nov 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.

How the check works Report an incorrect finding

Outside links we did not follow

https://github.com/Leonxlnx/taste-skill

Format check

Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.

Agent Skills specFails
The open format from agentskills.io, held to the strictest version of each rule among the agents we check.
- Error
  The name "high-end-visual-design" doesn't match its folder "soft-skill". The spec requires them to match. N4
  Fix: Set name: soft-skill, or rename the folder to high-end-visual-design.
- Warning
  Fields outside the spec: triggers and od. Uploads to the Claude apps and API, and the spec's validator, reject the file; most agents ignore these fields. O1
  Fix: Delete them for a portable skill, or keep them if you only target the agents that read them.
- Note
  The description doesn't say when to use the skill. D6
  Fix: Add a sentence such as "Use when …" naming the requests or files that should trigger it.
- Note
  There is no license field, so readers can't tell whether they may reuse the skill. O2
  Fix: Add license: with an SPDX name such as MIT or Apache-2.0, or the name of a bundled licence file.
Claude CodePasses
Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.
- Note
  The name "high-end-visual-design" doesn't match its folder "soft-skill". Claude Code shows the skill as /high-end-visual-design, and the folder name also invokes it. N4
  Fix: Set name: soft-skill, or rename the folder to high-end-visual-design.
- Note
  Claude Code ignores fields it doesn't know: triggers and od. O1
  Fix: Check the spelling against Claude Code's field list, or delete them.
Claude apps & API uploadFails
Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.
- Error
  The name "high-end-visual-design" doesn't match its folder "soft-skill". claude.ai refuses an upload whose folder name doesn't match the skill name. N4
  Fix: Set name: soft-skill, or rename the folder to high-end-visual-design.
- Error
  Upload and packaging fail on fields outside the spec: triggers and od. O1
  Fix: Delete them, and keep your own data under metadata as text values.
- Note
  The description is 234 characters. The claude.ai Help Center says 200 at most, though Anthropic's API docs and validator allow 1,024. D4
  Fix: If the claude.ai upload refuses it, trim the description to 200 characters.
OpenAI (Codex & API)Passes with warnings
Codex finds SKILL.md by its exact name and needs a description; OpenAI's Skills API checks the frontmatter against the spec and caps uploads.
- Warning
  The name "high-end-visual-design" doesn't match its folder "soft-skill". OpenAI's own upload example uses a differently named folder, but the spec it follows says they must match. N4
  Fix: Set name: soft-skill, or rename the folder to high-end-visual-design.
- Warning
  Fields outside the spec: triggers and od. Codex ignores them; OpenAI doesn't say whether its upload accepts them. O1
  Fix: Delete them, or move your own data under metadata as text values.
VS Code & CopilotPasses with warnings
VS Code reads skills one folder below .github/skills, .claude/skills or .agents/skills and falls back to the folder name when the name is missing or differs; GitHub's Copilot docs require the exact name SKILL.md.
- Warning
  The name "high-end-visual-design" doesn't match its folder "soft-skill". VS Code uses the folder name, soft-skill, instead. N4
  Fix: Set name: soft-skill, or rename the folder to high-end-visual-design.
- Note
  VS Code ignores fields it doesn't support: triggers and od. O1
  Fix: Delete them unless another agent you target reads them.

SKILL.md

Read SKILL.md on GitHub

Files

1 file

Path	Size
SKILL.md (opens in a new tab)	10.9 KB

Copies

These share its SKILL.md or its name and description but not all its files, so we list them separately.

More from feimacode/open-design-agent-kit

Skill	QAI Index	What it can touch	Pattern check	Licence	Updated
3d-objectA procedural speaker built from a lathe profile, in studio light on a turntable, colored from the design tokens. 56/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 17 Oct 2026	56/QI	Names web addresses	Pattern check: Nothing flagged	MIT	17 Oct 2026
3d-objectA procedural speaker built from a lathe profile, in studio light on a turntable, colored from the design tokens. 56/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 17 Oct 2026	56/QI	Names web addresses	Pattern check: Nothing flagged	MIT	17 Oct 2026
3d-objectA product or object in 3D — built from shapes, extruded from a logo, or loaded from your own .glb — lit like a studio shot, turning on a turntable, ready to export as a still, a transparent cut-out or a turntable video. 56/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 20 Oct 2026	56/QI	Names web addresses	Pattern check: Nothing flagged	MIT	20 Oct 2026
3d-objectA product or object in 3D — built from shapes, extruded from a logo, or loaded from your own .glb — lit like a studio shot, turning on a turntable, ready to export as a still, a transparent cut-out or a turntable video. 56/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 20 Oct 2026	56/QI	Names web addresses	Pattern check: Nothing flagged	MIT	20 Oct 2026
3d-object-glbA product model loaded from a .glb, centered and framed automatically, with a soft ground shadow. The user's model variant. 56/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 17 Oct 2026	56/QI	Names web addresses	Pattern check: Nothing flagged	MIT	17 Oct 2026
3d-object-glbA product model loaded from a .glb, centered and framed automatically, with a soft ground shadow. The user's model variant. 56/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 17 Oct 2026	56/QI	Names web addresses	Pattern check: Nothing flagged	MIT	17 Oct 2026

All skills in feimacode/open-design-agent-kit

Other Frontend & design skills

Same category, most repo stars first.

Skill	QAI Index	What it can touch	Pattern check	Licence	Updated
reverse-engineer-anythingReverse engineer native, managed, Electron/JavaScript, packaged, firmware, and browser targets with REA, and build agent environments (AgentEnv bundles) of web applications from a live instance or a capture. Use shipped-artifact or requested runtime evidence to explain features, compare versions, decompile code, or guide a reconstruction. Skip REA for ordinary source-repository architecture analysis. morluto/rea 75/QI Downloads software +3 more Pattern check: Nothing flaggedMITUpdated 5 Nov 2026	75/QI	Downloads software Runs shell commands +2 more	Pattern check: Nothing flagged	MIT	5 Nov 2026
accessibilityDesign, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels, accessibility traits and hints, focus management, contrast, target size, and screen-reader support. Use when building or auditing UI for accessibility compliance, keyboard navigation, or screen-reader support. affaan-m/ECC 77/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 27 Sept 2026	77/QI	Names web addresses	Pattern check: Nothing flagged	MIT	27 Sept 2026
android-clean-architectureClean Architecture patterns for Android and Kotlin Multiplatform projects — module structure, dependency rules, UseCases, Repositories, and data layer patterns. Use when structuring modules, layers, or data flow in an Android or KMP project. affaan-m/ECC 74/QI Instructions only Pattern check: Nothing flaggedMITUpdated 11 Aug 2026	74/QI	Instructions only	Pattern check: Nothing flagged	MIT	11 Aug 2026
algorithmic-artCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations. anthropics/skills 82/QI Names web addresses +1 more Pattern check: Nothing flaggedApache 2.0Updated 20 Apr 2026	82/QI	Names web addresses Bundles scripts	Pattern check: Nothing flagged	Apache 2.0	20 Apr 2026
brand-guidelinesApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply. anthropics/skills 82/QI Names web addresses Pattern check: Nothing flaggedApache 2.0Updated 20 Apr 2026	82/QI	Names web addresses	Pattern check: Nothing flagged	Apache 2.0	20 Apr 2026
design-consultationDesign consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview... (gstack) garrytan/gstack 69/QI Changes agent settings +4 more Pattern check: 1 item to reviewMITUpdated 3 Nov 2026	69/QI	Changes agent settings Runs shell commands +3 more	Pattern check: 1 item to review	MIT	3 Nov 2026

At a glance

What it can touch

Pattern check

QAI Index

Install

Claude Code

Claude apps

Codex

Cursor

Copilot & VS Code

Gemini CLI

Any agent

What it can touch

Pattern check

Outside links we did not follow

Format check

SKILL.md

Files

Copies

More from feimacode/open-design-agent-kit

Other Frontend & design skills