frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
Skill by 4GeeksAcademy
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/4geeksacademy-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 (3)
- LICENSE.txt
- SKILL.md
- SOURCE.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from 4GeeksAcademy/ai-engineering-company-project-monorepo-dochoadi-Nexova
- 0.569score
milestone-recap
4GeeksAcademy
Produce a learning recap of a finished milestone (what was built, why, and what was learned) in docs/milestone-<n>/recap.md.
SkillAFreshness: A★ 1Claude Code +9 - 0.569score
update-memory-bank
4GeeksAcademy
Keep memory-bank/ in sync with the real state of the repository after every change.
SkillAFreshness: A★ 1Claude Code +9 - 0.310score
_template
4GeeksAcademy
No description from the publisher yet.
SkillAFreshness: A★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 12, 2026 (16 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- Complete terms in LICENSE.txt
- 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
blueif16
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 2Claude 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.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.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.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
philding123
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: A★ 1Claude 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.322score
frontend-design
gitbobobo
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: AClaude Code +9
More from 4GeeksAcademy
- 0.569score
gestionar-incidencias
4GeeksAcademy
Evalúa, clasifica y centraliza incidencias críticas del workspace del agente usando las reglas definidas en .cursorrules.
SkillAFreshness: A★ 1Claude Code +9 - 0.569score
update-memory-bank
4GeeksAcademy
Keep memory-bank/ in sync with the real state of the repository after every change.
SkillAFreshness: A★ 1Claude Code +9 - 0.569score
milestone-recap
4GeeksAcademy
Produce a learning recap of a finished milestone (what was built, why, and what was learned) in docs/milestone-<n>/recap.md.
SkillAFreshness: A★ 1Claude Code +9 - 0.566score
autenticar-token
4GeeksAcademy
Verifica si el token de estudiante de 4Geeks almacenado es válido y la sesión está activa.
SkillAFreshness: A★ 1Claude Code +9 - 0.566score
buscar-recursos-educativos
4GeeksAcademy
Busca lecciones, ejercicios o proyectos en el catálogo de recursos de 4Geeks por tipo y tecnología.
SkillAFreshness: A★ 1Claude Code +9 - 0.566score
listar-cohortes
4GeeksAcademy
Lista los cohortes del estudiante en 4Geeks con su información detallada.
SkillAFreshness: A★ 1Claude Code +9
Cite this page
frontend-design skill. Agent Mart. https://agentmart.dev/skills/4geeksacademy-frontend-design (last updated 2026-10-24)