Find agent skills by outcome

Confirm that globals.css contains the required CSS custom properties. If the reference component use...

--background

- Styling: Tailwind CSS ${tailwind_version:3} only — no inline styles

no CSS modules

- Any manual steps required (e.g.

adding CSS variables to globals.css)

3. Assets: Are there required images

logos

If any of the following are not determinable from the existing code

ask before writing:

If the reference component requires a context provider (e.g.

ToastProvider

3. If a custom hook is required (e.g.

useToast

2. If not

add it to the appropriate layout file. Provide the exact diff.

- ✅ Keep all data-fetching

business logic

Apply mobile-first responsive classes. Confirm current breakpoints in tailwind.config.ts match the p...

install @tailwindcss/container-queries.

- ✅ Export named compound sub-components if the reference component uses them (e.g.

Accordion

After the command completes

the generated files will appear in

- Internal state variables (useState

useReducer

Adapt only the visual layer: markup structure

class names

shadcn Component Adapter for Cursor

shadcn Component Visual Adapter

Refactor the existing ${componentname} component located at ${componentfile_path} to match the visua...

structure

- Are there any required assets (images

icons

If it doesn't

provide instructions on how to setup project via shadcn CLI

If default path for components is not /components/ui

provide instructions on why it's important to create this folder

description: Analyze requirements

identify gaps

21st.dev component prompt

You are given a task to integrate an existing React component in the codebase.

requirement-analysis-and-planning-agent

/goal the session should not end until you've verified that the human has demonstrated that she unde...

f

Rust Agent Integration Feature/Proof Ledger

This branch keeps the Python Agent unchanged unless callers explicitly import