frontend-design
Design thinking and decision-making for web UI.
Skill by JamesNapoletano
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/jamesnapoletano-frontend-design
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
frontend-design- Description
- Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
- License
- unknown
- Allowed tools
- Read,, Write,, Edit,, Glob,, Grep,, Bash
- Instructions
- 392 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
- Pre-approves any shell command
Files (10)
- SKILL.md
- animation-guide.md
- color-system.md
- decision-trees.md
- motion-graphics.md
- accessibility_checker.py · scripts/
- ux_audit.py · scripts/
- typography-system.md
- ux-psychology.md
- visual-effects.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from JamesNapoletano/ripperdoc
- 0.406score
build-flash-debug
JamesNapoletano
Generate deterministic build, flash, and debug instructions, with toolchain preference for PlatformIO and fallback to vendor SDKs.
SkillDFreshness: DClaude Code +9 - 0.406score
firmware-reverse-engineering
JamesNapoletano
Structured workflow for reverse-engineering embedded firmware and extracting platform dependencies, peripheral usage, and timing constraints.
SkillDFreshness: DClaude Code +9 - 0.404score
gear-math
JamesNapoletano
Deterministic mechanical gear math for spur, helical, bevel, and worm geometries with CAD-ready dimension outputs.
SkillDFreshness: DClaude Code +9 - 0.403score
factory-skill
JamesNapoletano
A unified factory skill capable of generating new OpenCode agents, skills, and Python helper modules.
SkillDFreshness: DClaude Code +9 - 0.397score
cad-geometry
JamesNapoletano
CAD-oriented dimensioning guidance and validation patterns for mechanical parts, with emphasis on gear geometry outputs.
SkillDFreshness: DClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Feb 1, 2026 (9 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/JamesNapoletano/ripperdoc
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.448score
frontend-design
ashrafmusa
Design thinking and decision-making for web UI.
SkillDFreshness: D★ 2Claude Code +9 - 0.301score
frontend-design
Manas8114
Design thinking and decision-making for web UI.
SkillCFreshness: C★ 1Claude Code +9 - 0.285score
frontend-design
Durannd
Design thinking and decision-making for web UI.
SkillCFreshness: CClaude Code +9 - 0.272score
frontend-design
automacoescomerciaisintegradas
Design thinking and decision-making for web UI.
SkillCFreshness: CClaude Code +9 - 0.249score
frontend-design
yunaamelia
Design thinking and decision-making for web UI.
SkillDFreshness: DClaude Code +9 - 0.246score
frontend-design
Johnnycrypto289
Design thinking and decision-making for web UI.
SkillDFreshness: DClaude Code +9 - 0.246score
frontend-design
brovzar-lab
Design thinking and decision-making for web UI.
SkillDFreshness: DClaude Code +9
More from JamesNapoletano
- 0.406score
build-flash-debug
JamesNapoletano
Generate deterministic build, flash, and debug instructions, with toolchain preference for PlatformIO and fallback to vendor SDKs.
SkillDFreshness: DClaude Code +9 - 0.406score
firmware-reverse-engineering
JamesNapoletano
Structured workflow for reverse-engineering embedded firmware and extracting platform dependencies, peripheral usage, and timing constraints.
SkillDFreshness: DClaude Code +9 - 0.404score
gear-math
JamesNapoletano
Deterministic mechanical gear math for spur, helical, bevel, and worm geometries with CAD-ready dimension outputs.
SkillDFreshness: DClaude Code +9 - 0.403score
factory-skill
JamesNapoletano
A unified factory skill capable of generating new OpenCode agents, skills, and Python helper modules.
SkillDFreshness: DClaude Code +9 - 0.397score
cad-geometry
JamesNapoletano
CAD-oriented dimensioning guidance and validation patterns for mechanical parts, with emphasis on gear geometry outputs.
SkillDFreshness: DClaude Code +9
Cite this page
frontend-design skill. Agent Mart. https://agentmart.dev/skills/jamesnapoletano-frontend-design (last updated 2026-10-24)