form

Plugin form from marketplace tonone-ai in tonone-ai/tonone. Commands read from the repo's manifest — 2 days ago.

Skills (24)

• form-animate

  Motion design: produce HTML animations and export MP4/GIF with optional BGM. Use when asked to "animate this", "make an intro animation", "promo video", "export MP4", "animated logo", or "motion graphics". Not for production micro-interactions; use /prism-ui for those.

• form-audit

  Use when asked to audit UI for visual quality, design consistency, brand alignment, or design system compliance before launch. Examples: "audit our UI", "check visual consistency", "is our UI on-brand", "design QA before launch".

• form-bolder

  Make a timid design bolder. Use when asked to "make it bolder", "more punch", "too safe", or "it looks generic".

• form-brand

  Use when asked to create a brand identity, define visual direction, generate a color palette or type system, or build a style guide. Examples: "create a brand for X", "define the visual identity", "what colors should we use", "build a style guide".

• form-brief

  Translate a design brief (I-Lang or plain English) into a concrete DESIGN.md and optional HTML token preview, resolving palette, typography, layout, mood and density to CSS tokens. Use when asked to "create a design brief", "write a DESIGN.md", "design brief for X", or "I-Lang brief".

• form-component

  Use when asked to design a UI component, specify a button, input, card, modal, badge, or any interactive element. Examples: "design a button component", "spec out the input field", "define the card component states", "create a component spec for Prism", "what should the dropdown look like".

• form-critique

  Expert 5-dimension design critique, scored 0-10 with a punch list. Use when asked to "critique this design", "expert review", "score my design", "design feedback", or "review this UI". Unlike /form-audit (technical consistency QA), this judges craft. Isolated reviewer plus detector evidence. "as a r

• form-deal

  Deal a pre-vetted palette and type pairing for a trade and page kind, avoiding recent picks. Use when asked to "deal me a palette", "pick a starting palette and fonts", "re-deal", or "form-deal". A starting deal, not a verdict.

• form-deck

  Use when asked to design a pitch deck, presentation, or slide set. Examples: "design a pitch deck", "create a sales deck", "make a conference presentation", "build an investor deck", "help me present this to the board", "create slides for X".

• form-direction

  Design direction advisor: generates 3 differentiated visual directions with live HTML demos. Use when the brief is vague ("make something nice", "pick a style", "explore directions") or no design system exists. Richer than /form-style: real demos, not just recommendations. Also "design direction", "

• form-distill

  Strip a design to its essence. Use when asked to "simplify this", "distill it", "too cluttered", or "cut it down".

• form-document

  Derive or refresh DESIGN.md from shipped code and tokens, not intentions. Use when asked to "document the design system", "write DESIGN.md", or "refresh DESIGN.md". Frequency-ranks real values, flags one-offs as drift, diffs instead of overwriting.

• form-email

  Use when asked to design an email template, newsletter, drip campaign email, transactional email, or any HTML email asset. Examples: "design a welcome email", "create a newsletter template", "make an onboarding email sequence", "design a password reset email", "build an email campaign".

• form-exam

  Theory-backed design audit — names the principle violated, cites the source, shows the fix. Use when asked to "evaluate design quality", "check if this follows design principles", "theory check", "design exam", "audit against best practices", or "what's wrong with this design".

• form-lint

  Deterministic design lint for UI code — mechanical checks for AI-slop patterns, contrast, tiny text, token drift. Use when asked to "lint the design", "design lint", "check for AI slop", or "run form-lint". Taste rules are advisory; Form and the human decide.

• form-logo

  Use when asked to create a logo, design a brand mark, generate a logo concept, or produce any logo asset. Examples: "create a logo for X", "design a brand mark", "make me a logo", "generate logo concepts", "logo for our product".

• form-mobile

  Use when asked to design iOS or Android mobile app screens, create mobile UI, spec mobile flows, or produce screen designs for a native app. Examples: "design the onboarding screens", "spec the checkout flow for iOS", "design a home screen for Android", "create mobile UI for this feature".

• form-palette

  Use when asked to generate a color palette, create industry-matched colors, or pick colors for a product type. Examples: "color palette for fintech", "healthcare app colors", "SaaS brand colors

• form-polish

  Final polish pass on a finished UI. Use when asked to "polish this", "final pass", "tighten it up", or "last details before ship".

• form-quieter

  Tone down a loud, noisy design. Use when asked to "make it quieter", "too busy", "calm it down", or "it feels overwhelming".

• form-social

  Use when asked to design social media graphics, ad creatives, or marketing assets. Examples: "design a LinkedIn post for our launch", "create ad creatives for our campaign", "make an Instagram story", "design a Twitter card", "create a banner ad", "social assets for the product announcement".

• form-style

  Use when asked to select a UI style, choose a design direction, pick a visual approach for a product, or match a style to an industry. Examples: "what style fits a fintech app", "choose between neumorphism and glassmorphism", "design direction for healthcare SaaS

• form-tokens

  Use when asked to define a design token system, create or document tokens, set up CSS custom properties, build a Tailwind token config, or establish a spacing scale. Examples: "set up design tokens", "define our token system", "create CSS variables", "document our color tokens".

• form-web

  Design a landing page or marketing website that converts or informs. Use when asked to "design a landing page for X", "create a marketing site", "we need a homepage", "design our website", or "build a page for our launch".

Subagents (1)

• form

  Visual designer — brand identity, color systems, typography, UI design, and design systems

Similar plugins