izo
UserAI Development Toolkit pour Claude Code.
Categories
Indexed Skills (48)
raam-audit
Audit mobile applications (iOS and Android) against RAAM 1.1 (Luxembourg Mobile Accessibility Assessment Framework). Use when reviewing existing mobile app code for accessibility compliance, generating audit reports, checking conformance levels, or preparing for Luxembourg accessibility certification. Covers all 15 themes with platform-specific test procedures. Default target: Level AA.
raweb-audit
Audit web pages and components against RAWeb 1.1 (Luxembourg Web Accessibility Framework). Use when reviewing existing code for accessibility compliance, generating audit reports, checking conformance levels, or preparing for Luxembourg accessibility certification. Covers all 17 themes with systematic test procedures. Default target: Level AA.
ai-adoption
Measure AI authorship in a git repo from commit signals (trailers, footers, bot identities) and render an executive deck. Local-only, no API calls. Use when the user asks "how much of this codebase is written by AI", wants an AI-adoption report, adoption trend, or human-vs-AI throughput. Methodology ported from StephanSchmidt/loupe (MIT); adds ulk's claude.ai/code trailer and accountability.jsonl ground truth.
handoff
Generate or read a HANDOFF.md session snapshot (branch, active card, hot files, open decisions, next steps). Invoke before /clear or end of session. Use '/ulk:handoff --read' to view. Use '/ulk:handoff --quick' for a 5-line summary.
caveman-output
Terse output mode. Activates immediately on /caveman — compresses phase reports, removes preambles, forces emoji status. -79% output tokens (measured on 2b3). /caveman off to deactivate.
raam-code
Develop accessible mobile applications (iOS and Android) conforming to RAAM 1.1 (Luxembourg Mobile Accessibility Assessment Framework, based on EN 301 549 v3.2.1 / WCAG 2.1). Use when building native mobile apps, React Native, Flutter, or any mobile UI that must meet Luxembourg accessibility law. Covers all 15 RAAM themes with platform-specific code guidance. Default conformance target: Level AA.
raweb-code
Write accessible HTML, CSS, and JavaScript that conforms to RAWeb 1.1 (Luxembourg Web Accessibility Framework, based on EN 301 549 / WCAG 2.1). Use when developing web interfaces, components, forms, navigation, or any front-end code that must meet Luxembourg accessibility law. Covers all 17 RAWeb themes with code-level guidance, accessible patterns, and anti-patterns. Default conformance target: Level AA.
architecture-diagram
Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics. Use when the user asks for system architecture diagrams, infrastructure diagrams, cloud architecture visualizations, security diagrams, network topology diagrams, or any technical diagram showing system components and their relationships.
claude-health
Audit the health of your Claude Code configuration across all six layers — permissions, hooks, MCP servers, installed skills, agents, settings conflicts. Use when asked to "/health", "check my Claude Code config", "audit my setup", or before debugging unexpected behavior (silent permission denials, MCP tool not appearing, hooks not firing).
claude-seo
Universal SEO skill covering technical audit, on-page content, GEO (Generative Engine Optimization for ChatGPT / Perplexity / Claude / Gemini), Google Search Console and GA4 tracking. Use when asked to "audit my SEO", "check my website for ranking issues", "optimize for AI search", "improve organic traffic", or to run a quick scan before publishing a page.
context-audit
Audit your Claude Code setup for token waste and context bloat. Checks MCP servers, CLAUDE.md rules, skills, settings, and file permissions. Returns a health score (0-100) with specific fixes. Run /context first, then invoke this skill.
context-mode
Query, list, inspect and purge entries stored by the Context Mode hook (PostToolUse intercept of verbose outputs). Requires --with-context-mode to have been run at install time.
cwb-app-icon
Generate native Apple app icons (iOS/macOS/watchOS) using AI via SnapAI CLI. Creates AppIcon.appiconset in Assets.xcassets, iOS 26 Liquid Glass .icon folder, and macOS icns-compatible sizes. Invoke when the user asks to generate, create, or update an app icon for a native Swift project.
web-platform-guidelines
Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.
figma-code-connect
Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.
figma-create-design-system-rules
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.
figma-create-new-file
Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma. Handles plan resolution via whoami if needed. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard)
figma-generate-design
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.
figma-generate-library
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.
figma-implement-design
Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.
figma-use
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.
flutter-add-integration-test
Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests. Use when adding integration testing to a project, exploring UI components via MCP, or automating user flows with the integration_test package.
flutter-add-widget-preview
Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing.
flutter-add-widget-test
Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating that a specific widget displays correct data and responds to events as expected.
flutter-apply-architecture-best-practices
Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.
flutter-build-responsive-layout
Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.
flutter-fix-layout-issues
Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical viewport was given unbounded height", or similar layout issues.
flutter-implement-json-serialization
Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data structures.
flutter-setup-declarative-routing
Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support.
flutter-setup-localization
Add `flutter_localizations` and `intl` dependencies, enable "generate true" in `pubspec.yaml`, and create an `l10n.yaml` configuration file. Use when initializing localization support for a new Flutter project.
flutter-tester
Use when creating, writing, fixing, or reviewing tests in a Flutter project. Covers unit tests, widget tests, integration tests, Riverpod provider testing, and Mockito mocking. Provides Given-When-Then patterns, layer isolation strategies, and test setup for GetIt, SharedPreferences, and FakeDatabase.
flutter-use-http-package
Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API.
owasp-mobile-security
Use when performing security audits, vulnerability assessments, or compliance checks on Flutter or mobile applications. Covers OWASP Mobile Top 10 (2024) — hardcoded secrets (M1), insecure storage (M9), weak cryptography (M10), network issues (M5), and 6 more categories with automated scanners and remediation guidance.
hue
Meta-skill that generates new design language skills. Works on Claude Code and Codex. Use when the user says 'create a design skill', 'generate design language', 'new design system skill', 'design skill inspired by X', 'design skill from this screenshot', '/hue', or 'use hue'. Also triggers for 'remix my design skill' or 'make my skill more X'.
jeffallan-skills
Reference to the Jeffallan/claude-skills bundle (66 full-stack pair-programmer skills covering backend, frontend, infrastructure, testing, security, documentation). Use as a catalog to cherry-pick individual skills — do NOT install all 66 at once, the context bloat is significant.
defuddle
Clean and simplify web content for Obsidian notes using defuddle conventions: strip navigation, ads, footers, and boilerplate HTML, preserve main article content, convert to clean Markdown with proper frontmatter (title, author, url, date, tags). Use when saving web articles or documentation to an Obsidian vault, converting HTML to clean Markdown, extracting readable content from complex web pages, or preparing web content for the Obsidian Web Clipper workflow.
json-canvas
Create and edit JSON Canvas files (.canvas) with nodes, edges, groups, and connections. Use when working with .canvas files, creating visual canvases, mind maps, flowcharts, or when the user mentions Canvas files in Obsidian.
obsidian-bases
Create and edit Obsidian Bases (.base files) with views, filters, formulas, and summaries. Use when working with .base files, creating database-like views of notes, or when the user mentions Bases, table views, card views, filters, or formulas in Obsidian.
obsidian-cli
Run Obsidian CLI commands — read, create, search, manage notes / tasks / properties from command line. Supports plugin dev (reload, JS eval, DOM inspect, screenshot). Use for 'obsidian vault' / 'manage notes' / 'vault operations' / 'obsidian plugin dev'. Requires Obsidian app open.
obsidian-markdown
Format Markdown content using Obsidian conventions: wikilinks ([[Note Name]]), frontmatter (YAML with title/date/tags/aliases), callouts (> [!NOTE], > [!WARNING]), Dataview-compatible fields, and folder organization for Obsidian vaults. Use when creating or converting notes for an Obsidian vault, generating MOC (Map of Content) files, adding frontmatter to existing Markdown files, or building structured documentation that will be opened in Obsidian. Canonical format for ulk docs (specs, todo) — see framework/agents/_shared/obsidian-doc-protocol.md.
nothing-design
This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system. NEVER trigger automatically for generic UI or design tasks.
laws-of-ux-design
Audits UX designs against the 30 Laws of UX (lawsofux.com) and reports specific violations, cautions, and compliant patterns with actionable recommendations. Use this skill whenever someone shares a UI screenshot, wireframe, design description, Figma link, or code for UX review — or asks "what UX laws does this violate?", "is this good UX?", "review my design", "does this follow UX best practices?", or "how can I improve this interface?". Also trigger when reviewing navigation menus, forms, onboarding flows, dashboards, checkout flows, or any other UI surface for quality.
ux-movement-design
UX design advisor powered by the full UX Movement corpus (319 articles, 2020–2026). Applies Anthony Hobday's research-backed framework to diagnose UI problems and recommend specific design patterns. Use this skill whenever the user asks about UI/UX design decisions, wants to improve a screen or component, asks how to design forms, navigation, tables, buttons, colors, icons, cards, modals, mobile patterns, visual hierarchy, accessibility, or onboarding flows. Also trigger for "what's the best way to X", "should I use X or Y", "how do I fix this UI", UX critiques, and component-level design questions. Even if the question seems simple — a UX Movement expert answer is better than a generic one.
best-practice
Reference collection of Claude Code best practices accumulated in production — prompt structure, task decomposition, context management, commit conventions, hooks, MCP, plugins. Use when onboarding a new collaborator, refreshing team rituals, or before designing a non-trivial agent workflow.
caveman-compress
Compresses Claude Code memory files (CLAUDE.md, specs, notes) into terse, token-efficient prose. Use when CLAUDE.md or context files grow bloated (>4000 estimated tokens). Reduces input tokens by ~46% while preserving all semantic content. Trigger: /caveman-compress <file>
ulk-zed-design
Design system for ulk — light-first, Geist Sans/Mono, single orange accent (#FF6B1F), sharp 4px radii, no shadows, editorial-technical density inspired by zed.dev. Use whenever you generate UI for the ulk site, dashboard, or any front-end that should match the ulk brand. Triggers on prompts mentioning ulk site, ulk frontend, ulk dashboard, design tokens for ulk, or "make this look like the ulk design system".
generational-audit
Audite un projet tech (code source + expérience rendue) et évalue son adéquation à 5 cohortes générationnelles (Boomers, Gen X, Millennials, Gen Z, Gen Alpha). Produit un rapport markdown et un JSON exploitable. Utiliser quand l'utilisateur demande un audit générationnel, une analyse d'audience, une évaluation cross-génération, ou veut savoir quelle génération un produit cible réellement.
logo-generator
Generate professional SVG logos and high-end showcase images. Use when the user wants to: (1) Create a logo or icon for their product/brand, (2) Generate logo design concepts based on product information, (3) Create professional logo showcase presentations with multiple background styles, (4) Export logos in various formats (SVG, PNG), or (5) Iterate on logo designs with different visual styles. Supports geometric patterns, dot matrix designs, line systems, and mixed compositions. Generates showcase images using Nano Banana (Gemini image generation) with 12 professional background styles.
Bio shown is the top-scored skill's repo description as a fallback — real GitHub bios land in a future update.