web-ui
Build or review web interfaces with accessible structure, responsive behavior, and maintainable styles.
Skill by Stinocon
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/stinocon-web-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, data
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/web-ui
What's inside
- Skill name
web-ui- Description
- Build or review web interfaces with accessible structure, responsive behavior, and maintainable styles. Use when changing a web page, component, or dashboard.
- License
- MIT
- Instructions
- 7 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Web interface guidance Follow the existing framework and design system. Use semantic HTML, keyboard-operable controls, visible focus states, sufficient contrast, and labels that describe each control. Preserve responsive behavior at narrow and wide viewports. Use project tokens for color, spacing, and typography. Avoid hard-coded values when a shared token exists. Keep state and rendering responsibilities clear, and provide useful empty, loading, and error states. Test with keyboard navigation and the project's accessibility checks when available.
From Stinocon/pi-workbench, MIT.
More from Stinocon/pi-workbench
- 0.587score
clean-marks
Stinocon
Find invisible or direction-changing Unicode characters in text files you own.
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
coding-standards
Stinocon
Apply maintainable, readable, and secure coding practices when implementing or reviewing software.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
docs
Stinocon
Convert supported office and document files into Markdown for local review or search.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
repository-standards
Stinocon
Prepare or maintain a software repository with clear ownership, licensing, setup instructions, and privacy boundaries.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
site-audit
Stinocon
Assess a public website's technical structure and search discoverability.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
systematic-debugging
Stinocon
Investigate a bug or unexpected result before changing code.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
crawl
Stinocon
Collect public web pages for research or a documented dataset.
SkillAFreshness: A★ 1Claude Code +9 - 0.579score
delegate
Stinocon
Use the delegate tool for a bounded subtask that can be checked independently.
SkillAFreshness: A★ 1Claude Code +9 - 0.579score
security-review
Stinocon
Review code, configuration, dependencies, and system boundaries for security weaknesses.
SkillAFreshness: A★ 1Claude Code +9 - 0.579score
memory
Stinocon
Use Pi's memory and decision tools when durable project context will help future sessions.
SkillAFreshness: A★ 1Claude Code +9 - 0.579score
rag
Stinocon
Retrieve relevant excerpts from a project's text files without loading entire files into context.
SkillAFreshness: A★ 1Claude Code +9 - 0.579score
dispatch
Stinocon
Plan work across optional worker profiles when a task has independent parts.
SkillAFreshness: A★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 15, 2026 (13 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/Stinocon/pi-workbench
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Stinocon
- 0.587score
clean-marks
Stinocon
Find invisible or direction-changing Unicode characters in text files you own.
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
coding-standards
Stinocon
Apply maintainable, readable, and secure coding practices when implementing or reviewing software.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
site-audit
Stinocon
Assess a public website's technical structure and search discoverability.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
repository-standards
Stinocon
Prepare or maintain a software repository with clear ownership, licensing, setup instructions, and privacy boundaries.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
docs
Stinocon
Convert supported office and document files into Markdown for local review or search.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
systematic-debugging
Stinocon
Investigate a bug or unexpected result before changing code.
SkillAFreshness: A★ 1Claude Code +9
Cite this page
web-ui skill. Agent Mart. https://agentmart.dev/skills/stinocon-web-ui (last updated 2026-10-24)