Can I use this for other frameworks like React or Vue?

This skill is specifically scoped to Deno's Fresh framework. If you ask about other frameworks, Claude will provide answers for those directly without using Fresh-specific patterns.

Does it include Tailwind CSS setup?

Yes, it covers integrating Tailwind CSS via the Vite plugin which is the standard configuration for Fresh 2.x projects.

How does this handle island architecture?

It provides patterns for building server-rendered pages where only interactive components, called islands, ship JavaScript to the client using Preact and signals.

What are the key differences in Fresh 2.x handled by this skill?

It focuses on the single-parameter context (ctx) handler signature, the removal of the manifest file, and the use of vite.config.ts for development.

Does this skill support Fresh 1.x?

No, this skill strictly focuses on Fresh 2.x patterns. It provides migration guidance to help you move from 1.x to the stable 2.x imports and Vite-based structure.

Deno Fresh Frontend Development

Name: Deno Fresh Frontend Development
Author: denoland

bydenoland

•

Herramientas de Diseño

Builds high-performance web applications using the Fresh 2.x framework, Preact, and Tailwind CSS in Deno.

This skill provides comprehensive guidance for frontend development in Deno using Fresh 2.x. It enables developers to leverage island architecture for server-side rendering with surgical client-side hydration. The skill covers modern Fresh patterns including the single-context handler signature, Vite-based development, and type-safe state management with createDefine. Whether you are building interactive UIs with Preact signals or architecting complex route layouts, this skill ensures best practices while strictly avoiding deprecated 1.x syntax and configuration patterns.

Características Principales

01Tailwind CSS integration and configuration via the Vite plugin

02Implementation of Fresh 2.x island architecture for optimal performance

03Modern server-side data fetching patterns with handlers or async components

0417 GitHub stars

05Type-safe routing and handler patterns using createDefine and custom state

06Migration assistance for upgrading legacy Fresh 1.x projects to 2.x stable

Casos de Uso

01Creating type-safe API routes and middleware in a Deno environment

02Migrating legacy Fresh applications to the modern Vite-based architecture

03Building server-rendered web applications with interactive Preact components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add denoland/skills deno-frontend

For use in Claude.ai and ChatGPT

Download Skill