frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
Skill by kewvydev
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/kewvydev-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
- openai.yaml · agents/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from kewvydev/kewvy-ai-stack
- 0.600score
ponytail
kewvydev
Make the smallest complete code change, preserve project conventions, and verify proportionally; use for coding and review.
SkillAFreshness: A★ 2Claude Code +9 - 0.597score
improve-codebase-architecture
kewvydev
Explore architectural friction and present module-deepening candidates for user selection before refactoring.
SkillAFreshness: A★ 2Claude Code +9 - 0.595score
vercel-react-best-practices
kewvydev
Review and improve React or Next.js rendering, data fetching, and bundle performance when relevant to the requested change.
SkillAFreshness: A★ 2Claude Code +9 - 0.595score
nestjs-best-practices
kewvydev
Develop and review NestJS modules, dependency injection, API boundaries, and authorization using the project version and conventions.
SkillAFreshness: A★ 2Claude Code +9 - 0.595score
vercel-composition-patterns
kewvydev
Design and review React component composition, compound components and context interfaces using the installed React version.
SkillAFreshness: A★ 2Claude Code +9 - 0.593score
sdd-workflow
kewvydev
Guide a change through specs, plans, and evidence when the user has approved SDD for that scope; everyday work follows a lightweight flow and does not…
SkillAFreshness: A★ 2Claude Code +9 - 0.592score
tdd
kewvydev
Build or fix behavior test-first when TDD is requested, using red-green cycles at agreed public interfaces.
SkillAFreshness: A★ 2Claude Code +9 - 0.592score
diagnose
kewvydev
Compatibility name for diagnosing-bugs; reproduce a hard failure and investigate falsifiable causes before fixing it.
SkillAFreshness: A★ 2Claude Code +9 - 0.592score
diagnosing-bugs
kewvydev
Diagnose a difficult reproducible failure or performance regression with a focused feedback loop and evidence.
SkillAFreshness: A★ 2Claude Code +9 - 0.592score
grill-me
kewvydev
Interview the user to sharpen a plan or design, expose dependent decisions, and reach a shared understanding.
SkillAFreshness: A★ 2Claude Code +9 - 0.592score
handoff
kewvydev
Prepare a concise, redacted handoff for a fresh session using existing artifacts and unfinished criteria.
SkillAFreshness: A★ 2Claude Code +9 - 0.588score
stack-productivity
kewvydev
Select concise implementation style, a requested requirements interview or a session handoff when the user needs those specific working modes.
SkillAFreshness: A★ 2Claude Code +9
Signals
- Stars
- 2
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 20, 2026 (8 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- Complete terms in LICENSE.txt
- Repository
- github.com/kewvydev/kewvy-ai-stack
- 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.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
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
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
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.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
gitbobobo
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
SkillAFreshness: AClaude Code +9
More from kewvydev
- 0.600score
ponytail
kewvydev
Make the smallest complete code change, preserve project conventions, and verify proportionally; use for coding and review.
SkillAFreshness: A★ 2Claude Code +9 - 0.597score
improve-codebase-architecture
kewvydev
Explore architectural friction and present module-deepening candidates for user selection before refactoring.
SkillAFreshness: A★ 2Claude Code +9 - 0.595score
vercel-composition-patterns
kewvydev
Design and review React component composition, compound components and context interfaces using the installed React version.
SkillAFreshness: A★ 2Claude Code +9 - 0.595score
vercel-react-best-practices
kewvydev
Review and improve React or Next.js rendering, data fetching, and bundle performance when relevant to the requested change.
SkillAFreshness: A★ 2Claude Code +9 - 0.595score
nestjs-best-practices
kewvydev
Develop and review NestJS modules, dependency injection, API boundaries, and authorization using the project version and conventions.
SkillAFreshness: A★ 2Claude Code +9 - 0.593score
sdd-workflow
kewvydev
Guide a change through specs, plans, and evidence when the user has approved SDD for that scope; everyday work follows a lightweight flow and does not…
SkillAFreshness: A★ 2Claude Code +9
Cite this page
frontend-design skill. Agent Mart. https://agentmart.dev/skills/kewvydev-frontend-design (last updated 2026-10-24)