Skills
.Work. You
Rest

omk-frontend-implementation

Community

Implement accessible UI components fast.

Design & Creative#accessibility#frontend#responsive design#implementation#design system#ui components
Authordmae97
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps teams turn UI requirements from design documents into consistent, accessible frontend components without breaking the existing component system.

Core Features & Use Cases

  • Design-to-code implementation: Translates DESIGN.md, mockups, or screenshots into UI code while following the established component patterns.
  • System-compliant styling: Enforces reuse of existing components and design tokens rather than introducing arbitrary colors or spacing.
  • Accessibility and quality gates: Checks responsive behavior and basic accessibility, then requires lint, typecheck, and build validation before marking work complete.

Use case: You have a new page layout and a set of components specified in DESIGN.md; this skill helps implement the frontend UI to match the design while keeping styling, responsiveness, and accessibility consistent.

Quick Start

Implement the UI components described in DESIGN.md for this feature and ensure they reuse the existing component system and pass lint, typecheck, and build.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: omk-frontend-implementation
Download link: https://github.com/dmae97/oh-my-kimi/archive/main.zip#omk-frontend-implementation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.