AI Skill StudioAI Skill Studio
Skills
Presets:

Target Standard & File Format

AI Agent Rules & Skills
Context Shields & Privacy (Ignore Files)
Integrations & Machine Documentation
AI Governance & Multi-Agent Planning Suite

Identity & Activation Rules

3 chips
Scoped domain keywords evaluated in real time
api-routescode-auditsrefactoring
Suggested Chips:

Technology Stack Context

Engineering Philosophy

Flexible & Adaptable

Architectural & Code Quality Conventions

Less rigid & configurable

Agent Behavioral Guardrails

Select active rules
Security & Trust Boundaries
Always included
  • Untrusted Content Is Data
  • Encoded Payloads
  • Least-Privilege File Access
  • Confirm Irreversible Actions
  • Secret Handling
  • Validation Failures
  • Conflicting Requests

Step-by-Step Workflow Procedures

Flutter 3 & Riverpod / Dart Claude Skill (SKILL.md)

Generate a specialized Claude Code skill (SKILL.md) for Flutter 3 & Riverpod / Dart with automated review workflows. Claude Code CLI dynamically discovers on-demand capabilities packaged in SKILL.md. Equipping Claude with this Flutter 3 & Riverpod / Dart skill provides verified procedures, automated checklists, and specialized commands whenever working in your project directory.

Target Path
.claude/skills/flutter-dart/SKILL.md
Execution Scope
Description match or /skill-name
Specification Format
Folder skill (SKILL.md)
AI Tool Support
Claude Code
02 / WHY IT HELPS

What this file changes for Flutter 3 & Riverpod / Dart

Without it

Claude Code CLI dynamically discovers on-demand capabilities packaged in SKILL.md. Equipping Claude with this Flutter 3 & Riverpod / Dart skill provides verified procedures, automated checklists, and specialized commands whenever working in your project directory.

What the file tells the agent
Always add const constructors wherever possible to maximize Flutter element rebuild caching.
Use Riverpod 2 with code generation (@riverpod / NotifierProvider) or BLoC; ban raw mutable setState() in business logic.
Leverage Dart 3 pattern matching and sealed classes for exhaustive state and error representation.
Enforce sound null safety: avoid force-unwrapping with ! unless proven non-null by a preceding guard clause.
Separate presentation UI widgets from asynchronous repository and API service layers.
03 / CODE PATTERNS

Flutter 3 & Riverpod / Dart: code to avoid and code to write instead

Avoid
// Discouraged: Mutable setState with force-unwrap and missing const
class BadProfile extends StatefulWidget {
  @override
  _BadProfileState createState() => _BadProfileState();
}
class _BadProfileState extends State<BadProfile> {
  var user;
  void load() async {
    user = await fetchUser();
    setState(() {});
  }
  @override
  Widget build(BuildContext context) {
    return Container(child: Text(user!.name)); // Runtime crash if null!
  }
}
Write instead
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

@immutable
sealed class ViewState<T> {
  const ViewState();
}
class Loading<T> extends ViewState<T> { const Loading(); }
class Success<T> extends ViewState<T> { final T data; const Success(this.data); }
class Failure<T> extends ViewState<T> { final String message; const Failure(this.message); }

class ProfileView extends ConsumerWidget {
  const ProfileView({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final state = ref.watch(profileProvider);
    return Scaffold(
      appBar: AppBar(title: const Text('Profile')),
      body: switch (state) {
        Loading() => const Center(child: CircularProgressIndicator.adaptive()),
        Success(:final data) => Center(child: Text('Welcome, ${data.name}')),
        Failure(:final message) => Center(child: Text('Error: $message')),
      },
    );
  }
}
04 / REPOSITORY PLACEMENT & 3-STEP TERMINAL INSTALLATION

How to Install Flutter 3 & Riverpod / Dart Claude Code Skills (SKILL.md) via Terminal

1

Step 1: Open Project Directory & Verify Target Placement

Open your terminal and navigate to your project root folder where the .claude/skills/flutter-dart/SKILL.md file will reside. Ensure the file is placed at the exact path below relative to your project root so the AI engine automatically loads it:

.claude/skills/flutter-dart/SKILL.md
2

Step 2: Fetch Rule File via Terminal Command

Run curl, PowerShell, or wget to stream the rule directly from the DevScratchpad raw API endpoint and write it to .claude/skills/flutter-dart/SKILL.md:

Terminal One-Liner Install

Run directly in your project root to stream and write this rule file with one command.

Raw API Stream
$mkdir -p ".claude/skills/flutter-dart" && curl -fsSL "https://www.devscratchpad.tech/api/raw/claude-skills/flutter-dart" -o ".claude/skills/flutter-dart/SKILL.md"
3

Step 3: Check that Claude Code uses it

Claude Code lists the skill at startup and loads it when a request matches its description. You can also run it with /<skill-name>.

05 / ROUTE DIRECTORY & CROSS-TOOLING
Format Pillar Hub

Claude Code skill generator: SKILL.md files for your workflows

Claude Code Skills (SKILL.md): how it works, where the file goes, and every Claude Skill preset.

/claude-skills Directory
06 / RELATED DEVELOPER TOOLS

Tools for Flutter 3 & Riverpod / Dart work

Browser-based utilities to test, format and inspect the code your AI tool writes. Nothing you paste is uploaded.

View all 28 tools

Live Repository & Schema Ingestion

Inspect any public or private GitHub repository, or paste SQL DDL and Prisma models directly in AI Skill Studio to auto-generate authentic rules. Zero server transmission.

Launch AI Skill Studio

Migrating from Legacy .cursorrules or CLAUDE.md?

Use the free, in-browser converter to turn one long rules file into Cursor .mdc, Claude SKILL.md or Windsurf rules.

Convert Rules Free
07 / FREQUENTLY ASKED QUESTIONS

Technical FAQ: Flutter 3 & Riverpod / Dart AI Rulebooks

How does Claude Code discover this Flutter 3 & Riverpod / Dart skill?

Claude Code scans .claude/skills/flutter-dart/SKILL.md and indexes its frontmatter description to activate it automatically when relevant tasks are requested.

Can I invoke this skill manually?

Yes. Type / followed by the skill's name in Claude Code, or ask for the task in plain words, for example "review this change against our Flutter 3 & Riverpod / Dart conventions".