frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
Skill by philding123
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/philding123-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
- Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
- License
- Complete terms in LICENSE.txt
- Instructions
- 67 lines in SKILL.md · view on GitHub
Files (2)
- LICENSE.txt
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from philding123/MyAgent
- 0.576score
marketplace-skill-installer
philding123
通过一句话从技能市场（内置 Claude 技能市场 + 云端源）搜索并安装技能。 触发词：安装 skill、安装技能、install skill、添加技能、装个 X 技能、帮我安装 X、search skill。
SkillAFreshness: A★ 1Claude Code +9 - 0.576score
word-count
philding123
Count words of a file and report statistics.
SkillAFreshness: A★ 1Claude Code +9 - 0.573score
note-organizer
philding123
Organize messy notes in the workspace into a structured summary file.
SkillAFreshness: A★ 1Claude Code +9 - 0.572score
evidence-check
philding123
核对"有出处的解释"：逆向/分析任务产出结论后，展示 Evidence（证据）记录并复核证据链， 再用大白话复述原理。触发词：核对出处、Evidence 记录、每条结论基于什么、证据链、 讲给不懂编程的人听、有出处的解释、逆向分析完成后。
SkillAFreshness: A★ 1Claude Code +9 - 0.562score
skill-creator
philding123
Create new skills, modify and improve existing skills, and measure skill performance.
SkillAFreshness: A★ 1Claude Code +9 - 0.562score
mcp-builder
philding123
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools.
SkillAFreshness: A★ 1Claude Code +9 - 0.557score
algorithmic-art
philding123
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.
SkillAFreshness: A★ 1Claude Code +9 - 0.557score
doc-coauthoring
philding123
Guide users through a structured workflow for co-authoring documentation.
SkillAFreshness: A★ 1Claude Code +9 - 0.557score
canvas-design
philding123
Create beautiful visual art in .png and .pdf documents using design philosophy.
SkillAFreshness: A★ 1Claude Code +9 - 0.557score
brand-guidelines
philding123
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.
SkillAFreshness: A★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 21, 2026 (7 days ago)
- Last release
- Oct 23, 2026 (5 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- Complete terms in LICENSE.txt
- Repository
- github.com/philding123/MyAgent
- 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.801score
frontend-design
anthropicsOfficial
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillBFreshness: B★ 183.5KClaude Code +9 - 0.407score
frontend-design
moeru-ai
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 664Claude Code +9 - 0.347score
frontend-design
guanyang
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillBFreshness: B★ 980Claude Code +9 - 0.339score
frontend-design
kewvydev
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 2Claude Code +9 - 0.339score
frontend-design
blueif16
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 2Claude Code +9 - 0.335score
frontend-design
lrstanley
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 1Claude Code +9 - 0.335score
frontend-design
w0rp
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 1Claude Code +9 - 0.335score
frontend-design
danievanzyl
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 1Claude Code +9 - 0.334score
frontend-design
boisenoise
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillBFreshness: B★ 12Claude Code +9 - 0.332score
frontend-design
Ronnasayd
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 1Claude Code +9 - 0.327score
frontend-design
4GeeksAcademy
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 1Claude Code +9 - 0.322score
frontend-design
KooshaPari
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: AClaude Code +9
More from philding123
- 0.576score
marketplace-skill-installer
philding123
通过一句话从技能市场（内置 Claude 技能市场 + 云端源）搜索并安装技能。 触发词：安装 skill、安装技能、install skill、添加技能、装个 X 技能、帮我安装 X、search skill。
SkillAFreshness: A★ 1Claude Code +9 - 0.576score
word-count
philding123
Count words of a file and report statistics.
SkillAFreshness: A★ 1Claude Code +9 - 0.573score
note-organizer
philding123
Organize messy notes in the workspace into a structured summary file.
SkillAFreshness: A★ 1Claude Code +9 - 0.572score
evidence-check
philding123
核对"有出处的解释"：逆向/分析任务产出结论后，展示 Evidence（证据）记录并复核证据链， 再用大白话复述原理。触发词：核对出处、Evidence 记录、每条结论基于什么、证据链、 讲给不懂编程的人听、有出处的解释、逆向分析完成后。
SkillAFreshness: A★ 1Claude Code +9 - 0.562score
skill-creator
philding123
Create new skills, modify and improve existing skills, and measure skill performance.
SkillAFreshness: A★ 1Claude Code +9 - 0.562score
mcp-builder
philding123
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools.
SkillAFreshness: A★ 1Claude Code +9
Cite this page
frontend-design skill. Agent Mart. https://agentmart.dev/skills/philding123-frontend-design (last updated 2026-10-24)