Skip to content
kirby-forms-and-frontend-actions logo

Kirby Forms and Frontend Actions

kirby-forms-and-frontend-actions

Implements frontend forms and actions in Kirby (contact forms, file uploads, email with attachments, creating pages from frontend). Use when handling user input or building submission flows.

SKILL.md

Full skill instructions

Kirby Forms and Frontend Actions

KB entry points

  • kirby://kb/​scenarios/​39-basic-contact-form
  • kirby://kb/​scenarios/​40-frontend-file-uploads
  • kirby://kb/​scenarios/​41-email-with-attachments
  • kirby://kb/​scenarios/​42-creating-pages-from-frontend
  • kirby://kb/​scenarios/​43-user-registration-and-login

Required inputs

  • Form fields and validation rules.
  • Spam protection choice and error handling expectations.
  • Storage target and email settings.
  • Upload constraints (MIME/​size) if files are involved.

Default controller flow

  • Verify CSRF and require the expected POST fields.
  • Validate and normalize input; return errors early.
  • Apply a single spam guard (default: honeypot).
  • Persist data or send email, then redirect with a success state.

Error payload shape

return [
  'errors' => ['email' => 'Invalid email'],
  'old' => $data,
];

Upload storage convention

  • Store files under a dedicated page (e.g. page('uploads')) or the current page.
  • Normalize filenames and enforce MIME/​size limits before saving.

Common pitfalls

  • Missing CSRF verification on POST handlers.
  • Accepting uploads without MIME or size checks.

Workflow

  1. Clarify the form type, validation rules, spam protection, storage target, and email requirements.
  2. Call kirby:kirby_init and read kirby://roots.
  3. Inspect existing templates/​controllers/​snippets for patterns:
    • kirby:kirby_templates_index
    • kirby:kirby_controllers_index
    • kirby:kirby_snippets_index
  4. Read relevant config options via kirby://config/​{option} (e.g. email, routes) when needed.
  5. Search the KB with kirby:kirby_search (examples: "basic contact form", "frontend file uploads", "email with attachments", "creating pages from frontend").
  6. Implement controller-driven validation and CSRF checks; keep templates thin and escape output.
  7. For uploads, enforce MIME/​size limits and store files in safe locations.
  8. Verify by submitting forms in a browser and rendering success/​error states with kirby:kirby_render_page.

More Productivity & Planning skills

brainstorming logo
Productivity & Planning

brainstorming

Structured design dialogue that validates ideas before implementation begins.

295.4K 385.7K
View
ui-ux-pro-max logo
Productivity & Planning

ui-ux-pro-max

Comprehensive design intelligence for web and mobile UI/UX across 10 technology stacks.

133.1K 383.9K
View
writing-plans logo
Productivity & Planning

writing-plans

Comprehensive implementation plans for multi-step tasks, breaking down specs into bite-sized, testable steps.

295.4K 268K
View
using-superpowers logo
Productivity & Planning

using-superpowers

Introduction to the obra skills system with mandatory skill invocation rules and best practices.

295.4K 259.8K
View
executing-plans logo
Productivity & Planning

executing-plans

Execute a written implementation plan with critical review and task checkpoints.

295.4K 229.1K
View
dispatching-parallel-agents logo
Productivity & Planning

dispatching-parallel-agents

Delegate independent tasks to specialized agents working concurrently with isolated context.

295.4K 206.3K
View
using-git-worktrees logo
Productivity & Planning

using-git-worktrees

Isolated git worktrees with smart directory selection and safety verification.

295.4K 205.2K
View
webapp-testing logo
Productivity & Planning

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

179.7K 170.6K
View
content-strategy logo
Productivity & Planning

content-strategy

Plan searchable and shareable content that drives traffic, builds authority, and generates leads.

53.3K 150.9K
View
repo-intake-and-plan logo
Productivity & Planning

repo-intake-and-plan

README-first repository scanner that extracts commands and classifies reproduction candidates without executing them.

497 139.6K
View
marketing-ideas logo
Productivity & Planning

marketing-ideas

Brainstorm and prioritize marketing strategies tailored to your SaaS stage, budget, and goals.

53.3K 137.2K
View
site-architecture logo
Productivity & Planning

site-architecture

Plan and optimize your website's page hierarchy, navigation, URL structure, and internal linking.

53.3K 112.8K
View

Productivity AI tools

Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View
SaveDay logo
Productivity

SaveDay

Capture, organize, and utilize your knowledge effortlessly.

Free
View
Any Summary logo
Productivity

Any Summary

Instant Summaries of Audio & Video Interviews with AnySummary

Freemium
View
M
Productivity

Map This

Transform PDFs into engaging mind maps.

Freemium
View
ChatPDF logo
Productivity

ChatPDF

Chat with any PDF instantly

Free
View
I
Productivity

intellisay

Create an optimal daily plan using your voice

Paid
View
A
Productivity

Aurora AI

A productivity platform to centralize organizational knowledge and workflows with contextual AI assistance.

Paid
View
AskYourPDF logo
Productivity

AskYourPDF

AskYourPDF Pricing Plans: Tailored to Your Needs

Free
View