Explore

Find agent skills by outcome

139,045 skills indexed with the new KISS metadata standard.

Showing 24 of 139,045Categories: Data & Insights, General, Data, Creative, Communication, Coding & Debugging

Be clear and direct

This is the reference for prompt engineering with Claude's latest models, including Claude Fable 5, Claude Mythos 5, Claude Opus 4.8, Claude Opus 4.7, Claude Opus 4.6, Claude Sonnet 4.6, and Claude Haiku 4.5. The page is organized in three parts:

Find agent skills by outcome

Be clear and direct

Improve documentation wording and fix GitHub link

Confirm that `globals.css` contains the required CSS custom properties. If the reference component uses tokens like `--radius`

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

- Any manual steps required (e.g.

3. **Assets**: Are there required images

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

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

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

2. If not

- ✅ Keep all **data-fetching

Apply mobile-first responsive classes. Confirm current breakpoints in `tailwind.config.ts` match the project's convention. If the reference uses container queries

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

After the command completes

- Internal **state variables** (`useState`

Adapt only the **visual layer**: markup structure

shadcn Component Adapter for Cursor

Refactor the existing `${component_name}` component located at `${component_file_path}` to match the **visual design

- Are there any required assets (images

If it doesn't

If default path for components is not /components/ui

description: Analyze requirements

21st.dev component prompt

requirement-analysis-and-planning-agent

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

3. Assets: Are there required images

- Internal state variables (`useState`

Adapt only the visual layer: markup structure