frontend
Build or change a frontend UI, including choosing controls, arranging layouts, and checking responsive behavior.
Skill by FrauH0lle
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/frauh0lle-frontend
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
What this skill can do and what it asks for, from its SKILL.md and code. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/frontend
What's inside
- Skill name
frontend- Description
- Build or change a frontend UI, including choosing controls, arranging layouts, and checking responsive behavior. Use for product interface work when this guidance is relevant.
- License
- GPL-3.0
- Instructions
- 21 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Frontend work Match the existing product style and the user's actual workflow. Build the usable experience first, not a marketing page, unless the user asks for one. Follow the project's design system and the user's explicit choices. Prefer native controls and established app patterns: buttons for commands, icons for common actions, checkboxes or toggles for binary choices, tabs for views, and menus for option sets. Keep dimensions stable and responsive for boards, toolbars, grids, cards, and fixed-format elements. Keep layouts practical and readable. Avoid unnecessary nested cards, decorative filler, and one-note color palettes. Text should fit its container, and UI elements should remain usable without overlap at mobile and desktop sizes. Use real or generated visual assets when the result depends on visual inspection. Check the changed interface at relevant narrow and wide sizes and exercise its main interaction. Report any visual behavior you could not verify.
From FrauH0lle/mevedel, GPL-3.0.
More from FrauH0lle/mevedel
- 0.640score
review-improve
FrauH0lle
Run a bounded corrective review of cumulative changes since a fixed point using independent Standards/Spec, thermo-nuclear maintainability, ponytail…
SkillAFreshness: A★ 16Claude Code +9 - 0.640score
artifact-dashboard
FrauH0lle
Create a dashboard artifact - KPI tiles, a chart, and a breakdown table for reading quantitative data at a glance.
SkillAFreshness: A★ 16Claude Code +9 - 0.640score
artifact-doc
FrauH0lle
Create a document artifact - a typeset page for a memo, proposal, plan, spec, or meeting notes; a document people edit together is a shared item.
SkillAFreshness: A★ 16Claude Code +9 - 0.640score
artifact-explainer
FrauH0lle
Create an explainer artifact - a step-by-step walkthrough that teaches how something works, pairing short prose with a diagram at each stage.
SkillAFreshness: A★ 16Claude Code +9 - 0.637score
artifact-design
FrauH0lle
Design fundamentals for project artifacts - palette, typography, layout, both themes, and how to avoid templated AI-looking pages.
SkillAFreshness: A★ 16Claude Code +9 - 0.637score
artifact-diagramming
FrauH0lle
How to draw a diagram inside an artifact - when a picture earns its place, and the hand-authored inline SVG mechanics that keep it legible in light and dark.
SkillAFreshness: A★ 16Claude Code +9 - 0.637score
artifact-data-table
FrauH0lle
Create a data-table artifact - a sortable, filterable table for browsing a dataset (a CSV, a list of records, query results, a catalog) rather than seeing it…
SkillAFreshness: A★ 16Claude Code +9 - 0.637score
shared-whiteboard
FrauH0lle
Create or substantially draw on a shared whiteboard with clear layout, consistent styling and readable flows.
SkillAFreshness: A★ 16Claude Code +9 - 0.636score
green-loop
FrauH0lle
Run a bounded validation loop for current changes: tests, compile/checks, reviewer, verifier, fixes, then repeat until green or capped.
SkillAFreshness: A★ 16Claude Code +9 - 0.634score
clean-work
FrauH0lle
Review shared working files and remove confirmed obsolete material
SkillAFreshness: A★ 16Claude Code +9 - 0.634score
learn
FrauH0lle
Write durable non-obvious session findings to workspace instructions or existing memory
SkillAFreshness: A★ 16Claude Code +9 - 0.634score
analyze-log
FrauH0lle
Analyze a gptel HTTP log file and trace the multi-agent conversation flow
SkillAFreshness: A★ 16Claude Code +9
Signals
- Stars
- 16
- Forks
- 1
- Open issues
- 0
- Last commit (this folder)
- Sep 8, 2026 (1 month ago)
- Last release
- Oct 22, 2026 (6 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- GPL-3.0
- Repository
- github.com/FrauH0lle/mevedel
- Website
- frauh0lle.github.io/mevedel/
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from FrauH0lle
- 0.640score
artifact-explainer
FrauH0lle
Create an explainer artifact - a step-by-step walkthrough that teaches how something works, pairing short prose with a diagram at each stage.
SkillAFreshness: A★ 16Claude Code +9 - 0.640score
artifact-doc
FrauH0lle
Create a document artifact - a typeset page for a memo, proposal, plan, spec, or meeting notes; a document people edit together is a shared item.
SkillAFreshness: A★ 16Claude Code +9 - 0.640score
artifact-dashboard
FrauH0lle
Create a dashboard artifact - KPI tiles, a chart, and a breakdown table for reading quantitative data at a glance.
SkillAFreshness: A★ 16Claude Code +9 - 0.640score
review-improve
FrauH0lle
Run a bounded corrective review of cumulative changes since a fixed point using independent Standards/Spec, thermo-nuclear maintainability, ponytail…
SkillAFreshness: A★ 16Claude Code +9 - 0.637score
artifact-diagramming
FrauH0lle
How to draw a diagram inside an artifact - when a picture earns its place, and the hand-authored inline SVG mechanics that keep it legible in light and dark.
SkillAFreshness: A★ 16Claude Code +9 - 0.637score
artifact-design
FrauH0lle
Design fundamentals for project artifacts - palette, typography, layout, both themes, and how to avoid templated AI-looking pages.
SkillAFreshness: A★ 16Claude Code +9
Cite this page
frontend skill. Agent Mart. https://agentmart.dev/skills/frauh0lle-frontend (last updated 2026-10-24)