prepflow-standards
CommunityEnforce PrepFlow UI and behavior standards.
Software Engineering#code quality#consistency#design system#development guidelines#prepflow#ui standards
AuthorKuschiKuschbert
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that all new UI elements and behavioral changes adhere to the established PrepFlow design system and development guidelines, maintaining consistency and quality across the application.
Core Features & Use Cases
- UI Consistency: Enforces the use of the Cyber Carrot Design System for colors, typography, and spacing.
- Responsive Design: Mandates the correct use of breakpoints for different screen sizes.
- Development Best Practices: Ensures optimistic updates for a smooth user experience and adherence to file size limits for maintainability.
- Brand Voice: Aligns conversational elements with the defined PrepFlow voice.
- Use Case: When adding a new modal dialog or a data table, this skill will guide the developer to ensure it matches the existing look and feel, uses the correct spacing, and implements optimistic updates for data changes.
Quick Start
Apply PrepFlow standards to the new button component being added to the dashboard.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: prepflow-standards Download link: https://github.com/KuschiKuschbert/prepflow-web/archive/main.zip#prepflow-standards Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.