bitjaru
- 38 skills
- 0 followers
- 1 week ago last updated
- ▌ Ss Motion · bitjaruApply 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 library (toggle-flip, toggle-curtain, reveal-blur, pop-in, shimmer, …). Translates vibe words into framer-motion code from one source of truth.
- ▌
- ▌ Ss Studio · bitjaru bundleTurn a product brief and optional references into three distinct creative directions, a human-selected StyleSeed interaction plan, generated image/video asset jobs, a working UI prototype, and a verified prototype-first showcase reel. Use for client concepts, app interaction exploration, trendy but coherent UI direction, reference discovery and synthesis, or any request that needs more than one static screen.
- ▌ Ss Tokens · bitjaru bundleGenerate an accessible semantic palette from a key color, or view, add, and modify StyleSeed design tokens. Use when a user supplies a brand color, asks which colors combine well, needs light/dark theme roles, or needs token files for implementation.
- ▌ Ss Update · bitjaru bundleCheck and update an existing StyleSeed installation by exact rule/skill revision, preserve project-owned design decisions, then recompile and verify the effective bundle.
- ▌ Ss Verify · bitjaruThe 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.
- ▌ Styleseed · bitjaruRoute a StyleSeed request to exactly one first workflow after resolving the current artifact boundary. Use when the user asks generally for StyleSeed help rather than invoking one specific ss-* skill.
- ▌ Ss Pattern · bitjaruGenerate a composed UI pattern from the active StyleSeed grammar and brand recipe using existing primitives.
- ▌ Ss Resolve · bitjaru bundleCompile a small, deterministic StyleSeed rule bundle for one agent, output grammar, surface adapter, domain, page type, brand recipe, palette recipe, and optional profile. Use before setup or build, when project configuration changes, when updating StyleSeed, or to diagnose local installation, rule drift, and evidence health without changing files.
- ▌ Ss Restyle · bitjaruApply one optional StyleSeed aesthetic profile without changing the selected output grammar, product job, or core design judgment.
- ▌
- ▌ Ss Copy · bitjaruGenerate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone
- ▌ Ss Dial · bitjaruTurn 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 defined ramp that moves many tokens together, respects the guardrails (8px grid, a11y floors, single accent, nested-radius), updates the lock, and re-runs the gate. Use this when a human saying "more X" would otherwise get an inconsistent one-off.
- ▌
- ▌
- ▌ Ss Page · bitjaruScaffold a new product page or screen from the compiled StyleSeed output grammar, surface adapter, brand recipe, and project lock.
- ▌ Ss Audit · bitjaruAudit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
- ▌ Ss Build · bitjaruBuild a screen with StyleSeed's composed design method — choose or compile an output grammar, apply a brand recipe plus domain/page/profile/lock constraints, then run the code and pixel gates before presenting.
- ▌ Ss Score · bitjaru bundleScore a visual artifact's implementation quality 0-100 against its composed StyleSeed rule set — category breakdown, evidence, and prioritized fixes.
- ▌
- ▌ Ss Reference · bitjaruCompile 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 supplies a design reference that StyleSeed does not already model.
- ▌ Ss Feedback · bitjaruAdd appropriate user feedback states (loading, success, error, empty) to a component or page
- ▌ Styleseed Design Review · bitjaruReviews UI/frontend code and tells you exactly why it "looks AI-generated" — then how to fix it.
- ▌ UI Score · bitjaruScore a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders, and a prioritized fix list. A quantified version of /ss-review.
- ▌ UI Setup · bitjaruInteractive setup wizard — guides you step-by-step to configure the design system for your project
- ▌ UX Feedback · bitjaruAdd appropriate user feedback states (loading, success, error, empty) to a component or page
- ▌ UX Audit · bitjaruAudit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
- ▌ UI Motion · bitjaruApply 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 library (toggle-flip, toggle-curtain, reveal-blur, pop-in, shimmer, …).
- ▌
- ▌
- ▌ UI Update · bitjaruUpdate StyleSeed engine in your project — analyzes what's outdated and updates safely
- ▌ UI Pattern · bitjaruGenerate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives
- ▌
- ▌
- ▌
- ▌
- ▌ UX Copy · bitjaruGenerate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone
- ▌