c3f43d8b61
- Add 60 new agents across all 10 categories (75 -> 135) - Add 95 new plugins with command files (25 -> 120) - Update all agents to use model: opus - Update README with complete plugin/agent tables - Update marketplace.json with all 120 plugins
695 B
695 B
Apply styling to a component using the project's design system and styling approach.
Steps
- Identify the project's styling approach:
- Review the component's visual requirements:
- Apply base styles:
- Add interactive states:
- Add responsive behavior:
- Add dark mode support if the project uses themes.
- Verify visual consistency with existing components.
Format
Component: <name>
Styling: <approach used>
Tokens Used: <colors, spacing, typography>
Breakpoints: <responsive behavior>
Rules
- Use design tokens instead of hardcoded values.
- Follow the project's naming conventions for CSS classes.
- Ensure sufficient color contrast (WCAG AA: 4.5:1 ratio).