frontend-design-quality
Use for UI, UX, responsive layout, visual polish, and design systems.
Skill by iKairoseki
Chalk Labs
Need help deploying frontend-design-quality?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
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/ikairoseki-frontend-design-quality
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. 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-design-quality
What's inside
- Skill name
frontend-design-quality- Description
- Use for UI, UX, responsive layout, visual polish, and design systems.
- License
- MIT
- Instructions
- 14 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Frontend Design Quality Use this skill when changing visual UI or interaction design. - Match the product domain instead of using generic marketing layouts. - Prefer stable layout dimensions for toolbars, boards, cards, and repeated UI. - Use real states: loading, empty, error, disabled, success, permission denied. - Use design tokens for colors, spacing, typography, radius, shadows, and motion. - Avoid decorative clutter that does not help the user complete the task. - Verify mobile and desktop viewports. - Run accessibility checks when interaction or content structure changes. - Run `tools/design_truth.py` when styles, fonts, tokens, or components changed.
From iKairoseki/codex-agent-coordination, MIT.
More from iKairoseki/codex-agent-coordination
- 0.471score
care-refactoring
iKairoseki
Use for behavior-preserving refactors that should improve clarity, reduce duplication, or improve developer experience without changing product behavior.
SkillCFreshness: CClaude Code +9 - 0.471score
loop-code-review
iKairoseki
Use for iterative independent review/fix loops on non-trivial code changes, especially runtime, security, data, deploy, or release work.
SkillCFreshness: CClaude Code +9 - 0.464score
refactor-dx
iKairoseki
Use for behavior-preserving refactors and developer-experience work.
SkillCFreshness: CClaude Code +9 - 0.464score
implementation-quality
iKairoseki
Use for focused implementation work in websites and applications.
SkillCFreshness: CClaude Code +9 - 0.464score
security-review
iKairoseki
Use for auth, privacy, APIs, dependencies, deploy, and data handling.
SkillCFreshness: CClaude Code +9 - 0.461score
release-readiness
iKairoseki
Use before production release, publishing, or deployment.
SkillCFreshness: CClaude Code +9 - 0.461score
browser-qa
iKairoseki
Use for live UI verification in a browser.
SkillCFreshness: CClaude Code +9 - 0.461score
documentation-quality
iKairoseki
Use for README, runbooks, ADRs, docs, and handoff packets.
SkillCFreshness: CClaude Code +9 - 0.430score
test-strategy
iKairoseki
Use to select proportionate tests for a code change.
SkillCFreshness: CClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Jul 7, 2026 (3 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 iKairoseki
- 0.471score
care-refactoring
iKairoseki
Use for behavior-preserving refactors that should improve clarity, reduce duplication, or improve developer experience without changing product behavior.
SkillCFreshness: CClaude Code +9 - 0.471score
loop-code-review
iKairoseki
Use for iterative independent review/fix loops on non-trivial code changes, especially runtime, security, data, deploy, or release work.
SkillCFreshness: CClaude Code +9 - 0.464score
refactor-dx
iKairoseki
Use for behavior-preserving refactors and developer-experience work.
SkillCFreshness: CClaude Code +9 - 0.464score
implementation-quality
iKairoseki
Use for focused implementation work in websites and applications.
SkillCFreshness: CClaude Code +9 - 0.464score
security-review
iKairoseki
Use for auth, privacy, APIs, dependencies, deploy, and data handling.
SkillCFreshness: CClaude Code +9 - 0.461score
release-readiness
iKairoseki
Use before production release, publishing, or deployment.
SkillCFreshness: CClaude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get frontend-design-quality running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
frontend-design-quality skill. Agent Mart. https://agentmart.dev/skills/ikairoseki-frontend-design-quality (last updated 2026-10-24)