frontend-design
Design thinking and decision-making for web UI.
Skill by Durannd
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/durannd-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
- 456 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 Durannd/skills
- 0.467score
deep-issue-creation
Durannd
Agnostic methodology for creating deep and well-structured sprint issues.
SkillCFreshness: CClaude Code +9 - 0.466score
graph-database-expert
Durannd
Expert in graph database design and development with deep knowledge of graph modeling, traversals, query optimization, and relationship patterns.
SkillCFreshness: CClaude Code +9 - 0.445score
caveman
Durannd
Ultra-compressed communication mode.
SkillCFreshness: CClaude Code +9 - 0.445score
find-skills
Durannd
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express…
SkillCFreshness: CClaude Code +9 - 0.445score
improve-codebase-architecture
Durannd
Find deepening opportunities in a codebase, informed by the domain language in CONTEXT.md and the decisions in docs/adr/.
SkillCFreshness: CClaude Code +9 - 0.440score
grill-me
Durannd
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree.
SkillCFreshness: CClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- May 4, 2026 (5 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/Durannd/skills
- 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.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
JamesNapoletano
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 - 0.246score
frontend-design
Johnnycrypto289
Design thinking and decision-making for web UI.
SkillDFreshness: DClaude Code +9
More from Durannd
- 0.467score
deep-issue-creation
Durannd
Agnostic methodology for creating deep and well-structured sprint issues.
SkillCFreshness: CClaude Code +9 - 0.466score
graph-database-expert
Durannd
Expert in graph database design and development with deep knowledge of graph modeling, traversals, query optimization, and relationship patterns.
SkillCFreshness: CClaude Code +9 - 0.445score
caveman
Durannd
Ultra-compressed communication mode.
SkillCFreshness: CClaude Code +9 - 0.445score
find-skills
Durannd
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express…
SkillCFreshness: CClaude Code +9 - 0.445score
improve-codebase-architecture
Durannd
Find deepening opportunities in a codebase, informed by the domain language in CONTEXT.md and the decisions in docs/adr/.
SkillCFreshness: CClaude Code +9 - 0.440score
grill-me
Durannd
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree.
SkillCFreshness: CClaude Code +9
Cite this page
frontend-design skill. Agent Mart. https://agentmart.dev/skills/durannd-frontend-design (last updated 2026-10-24)