Initialize frontend environment by creating design system and constraints documents from templates. Use this skill when: - Running /frontend.init command - User asks to "initialize frontend", "setup frontend environment" - Starting frontend work and need to establish design system and constraints - Need to create docs/reference/frontend/design-system.md or constraints.md
Configure services.yaml for Homepage dashboard - service definitions, widgets, Docker integration, icons, and monitoring
Creates a AEM JCR Package with the images downloaded by scrape-webpage skill
This skill should be used when the user asks to "update the marketplace", "refresh the github page", "sync plugins.json", "update docs/plugins.json", or mentions keeping the GitHub Pages site in sync with plugin changes.
Fluid typography and spacing tokens using Utopia.fyi with cqi (container query inline) units. Reference for the exact type steps and space tokens defined in this project.
Altis DXP development environment and architecture. Apply when working on Altis projects, running local development commands, or understanding Altis project structure. Covers local server commands, mu-plugins architecture, asset handling, and deployment.
Expert-level Ember.js development. Use when asked to (1) write Ember.js applications with components, services, routes, or controllers, (2) implement Ember Data models and adapters, (3) work with Ember Octane patterns (Glimmer components, tracked properties, modifiers), (4) optimize Ember application performance, (5) write Ember tests with QUnit or testing-library, or when phrases like "Ember component", "Ember route", "Glimmer", "tracked property", "Ember addon" appear.
Use when building Rails + Hotwire applications - covers REST routing, thin controllers, rich models, Turbo Streams/Frames, and Stimulus patterns from 37signals
Generate Claude Code plugins, skills, and marketplaces using Kotlin DSL. Use when the user wants to: - Create a new plugin with commands and skills - Create a marketplace to distribute plugins - Generate correct folder structure (.claude-plugin/, skills/, commands/) - Avoid mistakes in JSON format and YAML front matter field names
You are an expert in development using the Laravel Framework and Vue.js front end.
Grafix の組み込み primitive/effect を「薄いカード」形式で参照するためのカタログ。作品制作中に「何がある？」「この表現に合う op は？」を素早く探索する用途。`references/api.md` は `scripts/build_catalog.py` の自動生成を正とする。
This skill should be used when the user mentions "hugo basics", "hugo config", "hugo commands", "project structure", "hugo setup", "hugo.toml", "config.toml", "hugo serve", "hugo build", "content directory", "layouts directory", "static directory", "assets directory", "hugo configuration", "module mounts", "hugo environment", or any general Hugo static site generator questions. Provides foundational Hugo knowledge including project structure, configuration patterns, and essential commands.
fluid-slide 项目专用的幻灯片制作规范。 定义了 Grid 布局、MD3 工具类、特殊组件等项目内约定。 配合 quarto-revealjs 技能使用。
Create or update a governed UI design system (tokens, components, governance). Use when establishing or revising a multi-platform design system.
Implements UI/UX with pixel-perfect precision using existing project libraries (Shadcn, Radix, MUI). Specializes in React, Vue, Svelte, Tailwind. Use for component creation, styling, micro-interactions, responsive layouts, and accessibility (WCAG AA). Has full file access.
Expert-level CSS development with modern features and best practices. Use when asked to (1) write or debug CSS, (2) implement layouts with flexbox, grid, or container queries, (3) create animations and transitions, (4) optimize CSS performance, (5) work with CSS preprocessors or CSS-in-JS, (6) implement responsive design, or when phrases like "style", "CSS", "stylesheet", "design", "layout", "animation" appear.
This skill should be used when the user mentions "go template", "hugo template", "partial", "shortcode", "template syntax", "layout", "baseof", "block define", "{{ range }}", "{{ if }}", "{{ with }}", "{{ partial }}", "template lookup", "layout hierarchy", or any Hugo templating concepts. Provides comprehensive guidance on Go template syntax, layouts, partials, shortcodes, and template debugging.
Handles the end-to-end workflow for publishing blog posts on THE LOST+UNFOUNDS. Use this when creating new posts or updating existing ones via SQL scripts.
Master SvelteKit frontend development with components, routing, state management, forms, and modern UI patterns using SvelteKit 2.x and Svelte 5.
Base UI implementation guidelines for building accessible, unstyled React components. Use this skill when writing, reviewing, or implementing Base UI components to ensure proper patterns and accessibility. Triggers on tasks involving Base UI components like Dialog, Menu, Popover, Select, Tabs, etc.
Implement premium Tailwind CSS styling in Next.js systems with custom design tokens, precision interactions, and carbon glass aesthetics. Use when building responsive, accessible UI components with enterprise-grade visual consistency.
Generate CORS configuration files for API cross-origin resource sharing. Triggers on "create cors config", "generate cors configuration", "cors setup", "cross-origin config".
Flutter and Dart development guide following modern best practices. Use when writing Flutter/Dart code, creating widgets, managing state, setting up navigation with GoRouter, theming with Material 3, testing, or following Effective Dart guidelines. Triggers on Flutter, Dart, Widget, StatelessWidget, StatefulWidget, ThemeData, ColorScheme.
