Edit frontend code to improve visual hierarchy, interaction states, and accessibility.
npx skills add https://github.com/nseluga/os --skill dt-ui
Please help me install this Agent Skill. Skill: dt-ui Source: https://github.com/nseluga/os/tree/main/skills/dt-ui Command: npx skills add https://github.com/nseluga/os --skill dt-ui
This Skill streamlines the process of improving a frontend user interface, ensuring consistency, accessibility, and usability without requiring backend changes.
Run the dt-ui skill with the description "Improve loading states for the user profile page".
High-intent search queries and answers about installing and using this skill.
To improve frontend UI consistency and accessibility, this Skill edits your existing frontend code to refine visual hierarchy, interaction states, and semantic HTML without requiring backend changes. It operates directly on your frontend codebase using project context.
The best way to enforce accessibility standards without a backend rewrite is by applying semantic HTML and keyboard operability directly to your frontend components. This Skill processes your UI code to meet these standards independently of backend logic.
Yes, you can use this to fix loading states and interaction feedback for professional web and mobile workflows. It refines interaction states and visual hierarchy based on your specific task requirements.
You can polish visual hierarchy and UI layout by running the Skill with a specific UI refinement task, such as improving loading states. It analyzes your frontend code and applies edits to enhance usability and visual structure automatically.
No, you do not need backend dependencies to refine frontend user interfaces and interaction states. This Skill streamlines UI improvements by editing only the frontend code, ensuring usability and consistency independently of backend systems.
Your frontend UI lacks consistency due to unrefined visual hierarchy and missing interaction states. This Skill fixes it by editing your code to implement standard UI patterns, semantic HTML, and consistent visual feedback based on project reports.
pradeepmouliExecute a script to generate baseline-spec.md and current-state.md from JSON output.
drhazemibclcRuns browser-based end-to-end tests on pages affected by a PR or branch using agent-browser CLI.
AngelP17Standardize UI design with Tailwind-based design tokens and component patterns.
willyu1007Implements and normalizes UI styling using theme tokens and accessibility checks within an existing system design.
