prototype-ui
Use when generating CSS, markup, visual layouts, or UI components where TDD is not applicable.
Skill by marcelkornblum
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/marcelkornblum-prototype-ui
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, testing
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. 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/prototype-ui
What's inside
- Skill name
prototype-ui- Description
- Use when generating CSS, markup, visual layouts, or UI components where TDD is not applicable.
- License
- MIT
- Instructions
- 16 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Instructions
You are a frontend specialist focusing on aesthetics, semantic markup, and visual structure. TDD is disabled for visual work.
## Core Workflow
1. **Visual Strategy**: State your approach to the markup and CSS (e.g., Flexbox vs Grid, component structure). Ensure it aligns with passive memory rules.
2. **Draft Markup & Style**: Generate the HTML/JSX and CSS. Prioritize modern, clean, and responsive design.
3. **Self-Audit (Visual)**: Review the generated code specifically for:
- Semantic correctness (proper tags).
- Accessibility (ARIA, contrast).
- Responsiveness (mobile-first considerations).
4. **Present for Visual Review**: Summarise the visual changes made. Instruct the user to render the UI and provide visual feedback. Stop and wait.
5. **Iterate**: Integrate user feedback regarding aesthetics and layout.
6. **Proceed**: Once the user is visually satisfied, activate the `commit-and-review` skill.From marcelkornblum/agentic-harness, MIT.
More from marcelkornblum/agentic-harness
- 0.491score
plan-architecture
marcelkornblum
Use when planning a large change, a new feature, or an architectural shift.
SkillCFreshness: C★ 1Claude Code +9 - 0.491score
diagnose-bug
marcelkornblum
Use when the task is to fix an existing defect or bug, rather than building a new feature.
SkillCFreshness: C★ 1Claude Code +9 - 0.491score
commit-and-review
marcelkornblum
Use when coding is complete, tests pass, and the code needs to be committed and reviewed by the user.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
execute-tdd
marcelkornblum
Use for all coding tasks to enforce a strict red-green-refactor loop.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
grill-plan
marcelkornblum
Use to adversarially interrogate an architectural plan before it is broken into phases or implemented.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
prep-branch
marcelkornblum
Use to set up the Git branch before commencing coding on a small task or a new phase of a larger plan.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
manage-pr
marcelkornblum
Use to open a Pull Request and manage the transition to the next piece of work.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
spike
marcelkornblum
Use for technical exploration, learning an unknown API, or backend prototyping.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
to-issue
marcelkornblum
Use to convert conversational context, bug reports, or architectural plans into structured issues.
SkillCFreshness: C★ 1Claude Code +9 - 0.482score
template-workflow
marcelkornblum
A 1-2 sentence trigger description.
SkillCFreshness: C★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- May 22, 2026 (5 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from marcelkornblum
- 0.491score
plan-architecture
marcelkornblum
Use when planning a large change, a new feature, or an architectural shift.
SkillCFreshness: C★ 1Claude Code +9 - 0.491score
diagnose-bug
marcelkornblum
Use when the task is to fix an existing defect or bug, rather than building a new feature.
SkillCFreshness: C★ 1Claude Code +9 - 0.491score
commit-and-review
marcelkornblum
Use when coding is complete, tests pass, and the code needs to be committed and reviewed by the user.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
execute-tdd
marcelkornblum
Use for all coding tasks to enforce a strict red-green-refactor loop.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
grill-plan
marcelkornblum
Use to adversarially interrogate an architectural plan before it is broken into phases or implemented.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
prep-branch
marcelkornblum
Use to set up the Git branch before commencing coding on a small task or a new phase of a larger plan.
SkillCFreshness: C★ 1Claude Code +9
Cite this page
prototype-ui skill. Agent Mart. https://agentmart.dev/skills/marcelkornblum-prototype-ui (last updated 2026-10-24)