Skills
.Work. You
Rest

jaspr-patterns

Official

Build Jaspr web apps with best practices.

Software Engineering#content management#web development#frontend#routing#dart#coui#jaspr
Authorcoco-de
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides structured guidance and code examples for building efficient and maintainable web applications using the Jaspr framework, ensuring adherence to best practices for routing, content management, and component integration.

Core Features & Use Cases

  • Component Design: Learn to structure StatelessComponent and StatefulComponent with proper HTML element composition and styling.
  • Routing: Implement dynamic routing using jaspr_router with Router, ShellRoute, and Route configurations.
  • Content Management: Build content-driven sites with jaspr_content, supporting Markdown parsing and custom component integration.
  • UI Integration: Seamlessly incorporate CoUI web components (coui_web) into your Jaspr projects for a consistent look and feel.
  • Use Case: Develop a documentation website for a new Dart package, leveraging jaspr_content for Markdown pages and jaspr_router for navigation, while using CoUI components for interactive elements.

Quick Start

Generate a basic Jaspr component structure for a new page.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: jaspr-patterns
Download link: https://github.com/coco-de/skills/archive/main.zip#jaspr-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.