- Home
- Skills
- Agents & Orchestration
- sdd openspec planner
More screenshots
Works with the AI Agents you already use
sdd openspec planner
Enforce spec-driven development by generating OpenSpec artifacts and mandatory human-in-the-loop approval gates.
Free
sdd openspec planner
Example session with this skill installed
I need to add a dark mode toggle to our React dashboard. Plan the change using OpenSpec.
- Read your context and instructions
- Compiled the sdd openspec planner
- Generated the document
I have researched the dashboard architecture and created the OpenSpec planning artifacts at openspec/changes/add-dark-mode-toggle/.
Plan: Add Dark Mode Toggle to React Dashboard
Files created at: openspec/changes/add-dark-mode-toggle/
This plan covers the implementation of a theme provider, a persistence layer for user preference, and the UI toggle component. We will use the existing Tailwind configuration for styling and a Context API approach for state management.
Proposal
Intent: Improve accessibility and user comfort by allowing a switch between light and dark themes.
Change classification: New feature with behavior modification to existing UI components.
Scope:
- In: ThemeProvider, toggle component, Tailwind dark-mode config, localStorage persistence.
- Out: Automatic system-theme detection (v2), per-page theme overrides.
Phase 1: Core Infrastructure
Setup the theme state and configuration.
Steps
- Configure
tailwind.config.jsto use theclassstrategy for dark mode. - Create
ThemeContext.tsxand a custom hookuseTheme.
Deliverables
-
openspec/changes/add-dark-mode-toggle/design.md(updated) -
src/context/ThemeContext.tsx(planned)
Human Approval Gate (Mandatory)
- GATE 1: STOP. Present the Tailwind config and Context provider design to the human. Do not begin Phase 2 without approval.
Specs (Delta Specs)
ADDED Requirements
- Theme Persistence: The system SHALL store the user's theme selection in localStorage.
- Scenario: Given a user selects "Dark", When the page reloads, Then the theme SHALL remain "Dark".
Design Decisions
Tailwind Class Strategy: Chose class over media to give users explicit control rather than relying solely on OS settings.
- React Context: Chose Context API over Redux for theme state to minimize boilerplate for a simple global string.
Next steps
- Review the generated
tasks.mdin theopenspec/folder. - Approve Phase 1 to allow the implementation agent to begin.
- Verify the tailwind.config.js requirements in the specs.
ThemeContext.tsx
PDF · document
Example file from a real run - the skill writes it into your workspace.
Connects securely to your tools. The creator never sees your data.
About this skill
When complex features fail during implementation, the root cause is often ambiguous requirements or lack of human oversight. This skill enforces a strict, spec-driven development (SDD) workflow using the OpenSpec framework. It prevents "autopilot" errors by requiring architectural research and human approval at every phase.
What it does
- Multi-artifact generation creates a complete set of planning files including proposals, technical designs, and task checklists.
- Automated research inventories existing features, dependencies, and data flows before proposing any changes.
- Execution guardrails embed non-negotiable human-in-the-loop gates directly into the task files for the implementation agent.
- Delta specifications define precise behavior changes using Given, When, and Then scenarios.
- Architecture assessment evaluates SOLID principles, design patterns, and TDD feasibility for every change.
How it works
- Discovery: The agent researches the codebase and classifies the request as a bug fix, refactor, or new feature.
- Artifact Creation: It writes the
proposal.md,design.md,specs/, andtasks.mdfiles to theopenspec/directory. - Guardrail Embedding: A verbatim set of execution rules is injected into the checklist to ensure the next agent pauses for approval.
- Human Review: You review the generated artifacts and provide feedback or approval before any code is touched.
Frameworks & tools
This skill implements the OpenSpec SDD framework. It is designed to work with any language or framework, specifically targeting environments where an implementation agent (like Claude Code or Cursor) will execute the resulting Markdown-based tasks.
Why this beats prompting it yourself
Generic prompts often lead to agents jumping straight into code, missing edge cases or breaking existing patterns. This skill forces a professional SDD workflow that produces permanent documentation and prevents autonomous agents from bypassing your approval gates.
Use cases
- Planning complex feature additions in large, unfamiliar codebases.
- Managing safe refactoring projects that must preserve observable behavior.
- Documenting technical debt and migration paths with clear success criteria.
- Orchestrating multi-agent handoffs between a planner and an implementer.
Known limitations
This skill only produces plans and artifacts; it never writes or modifies application code. It requires an environment that supports file-writing tools.
How to use
Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
Free forever
No account required to browse
Trust & safety
Security scanned
Verified clean 7 days ago
- Free to download with an account