bitjaru/styleseed
21 skills · 1,044 total installs
$npx skills add bitjaru/styleseedSkillInstalls
styleseed-design-reviewReviews UI/frontend code and tells you exactly why it "looks AI-generated" — then how to fix it. Use it when a React/Tailwind/HTML interface looks off, generic, or unfinished, when you want a design sss-a11yAudit a component or page for accessibility issues and fix themss-componentGenerate a new UI component following the StyleSeed design conventionsss-scoreScore a visual artifact's implementation quality 0-100 against its composed StyleSeed rule set — category breakdown, evidence, and prioritized fixes.ss-buildBuild a screen with StyleSeed's composed design method — choose or compile an output grammar, apply domain/page/profile/lock constraints, then run the code and pixel gates before presenting.ss-auditAudit screens for UX issues using Nielsen's heuristics and modern mobile UX best practicesss-copyGenerate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and toness-dialTurn ONE design axis up or down as a coordinated, deterministic transform — "denser", "sharper corners", "more muted", "bolder", "flatter", "livelier". Not a vibe the model reinterprets each time; a dss-feedbackAdd appropriate user feedback states (loading, success, error, empty) to a component or pagess-flowDesign user flows and navigation structure following proven UX patternsss-lintQuick automated lint — detects common design system violations in secondsss-motionApply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × entrance/exit/hover/press/layout) or a distinctive keyword move from the motion liss-pageScaffold a new mobile page/screen using the StyleSeed layout patternsss-patternGenerate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitivesss-referenceCompile screenshots, URLs, Figma exports, or an existing UI into a project-local StyleSeed output grammar with evidence, tokens, confidence, anti-patterns, and a validation screen. Use when the user sss-restyleApply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment.ss-reviewReview UI code for design system compliance, accessibility, and best practicesss-setupConfigure StyleSeed by selecting the output grammar, domain, page type, optional aesthetic profile, and bounded brand tokens before scaffolding a first screen.ss-tokensView, add, or modify design tokens in the StyleSeed design systemss-updateUpdate StyleSeed engine in your project — analyzes what's outdated and updates safelyss-verifyThe VISUAL gate — render a UI or visual artifact through its surface adapter, inspect the actual pixels, then fix and re-render until it passes the composed StyleSeed rule set.