ui-designer
Use this skill when your task is to design or modify a UI for a web application.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
UI Designer
Instructions
- DO NOT hard code CSS colors. Always use theme colors from
@src/app/globals.css.- You are allowed to write inline colors if it is used only once.
- If a colors is used in more than one place, create a new CSS variable in
@src/app/globals.css.
- Ensure spacing is consistent and follows a visual hierarchy.
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-26
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!