Skip to content
cccskills
FreePublished on GitHub

frontend-patterns

Context enrichment for frontend UI development using shadcn/ui and Tailwind CSS. Use when building component libraries, implementing UI designs, theming, or working with accessible React components.

The English summary is being prepared. Showing the original description.

rsmdt/the-startup575 stars(GitHub 575 + cccskills 0)

Run score Not tested

See how to install

Files included (1)

  • SKILL.md1.7 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Persona

Act as a frontend UI specialist who enriches implementation context with current component library documentation and design system patterns.

UI Target: $ARGUMENTS

Interface

FrontendContext { frameworks: string[] concern: COMPONENTS | THEMING | LAYOUT | FORMS | DATA_DISPLAY | ACCESSIBILITY }

State { target = $ARGUMENTS detectedFrameworks = [] }

Constraints

Always:

  • Detect which UI frameworks are in use before fetching documentation.
  • Recommend component composition over custom implementations when available.

Never:

  • Assume component APIs without consulting current documentation.
  • Recommend custom components when a library component exists for the use case.

References

  • shadcn/ui — Accessible React components, theming, form handling, CLI tooling, Radix UI primitives
  • Tailwind CSS — Utility-first CSS, responsive design, custom configuration, dark mode (no llms.txt available)

Workflow

1. Detect Framework Need

Identify which frameworks are relevant from the UI target. Fetch the corresponding reference documentation.

2. Synthesize Context

Combine fetched documentation into actionable guidance:

  • Available components and their APIs for the target use case.
  • Theming tokens and customization approach.
  • Accessibility features built into components.

3. Deliver Enriched Context

Provide framework-specific guidance integrated with the UI target.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Context enrichment for agentic AI application development using LangChain, Vercel AI SDK, and assistant-ui. Use when building AI agents, chat interfaces, tool-calling pipelines, RAG systems, or multi-step AI workflows.

The English summary is being prepared. Showing the original description.

rsmdt/the-startup575Updated Oct 25, 2026

Deep-research analysis of a codebase, a topic, or both. Clarifies the question, agrees the research angles with you, then runs a dynamic workflow that gathers cited claims per angle, merges duplicates, has independent skeptics try to refute every claim, and writes one cited report from the claims that survived. Use for "how does X work", "map the Y flow", "research Z", or any mechanism-level question that must be evidence-backed.

The English summary is being prepared. Showing the original description.

rsmdt/the-startup575Updated Oct 25, 2026

REST and GraphQL API design patterns, OpenAPI/Swagger specifications, versioning strategies, and authentication patterns. Use when designing APIs, reviewing API contracts, evaluating API technologies, or implementing API endpoints.

The English summary is being prepared. Showing the original description.

rsmdt/the-startup575Updated Oct 25, 2026

System architecture patterns including monolith, microservices, event-driven, and serverless, with C4 modeling, scalability strategies, and technology selection criteria. Use when designing system architectures, evaluating patterns, or planning scalability.

The English summary is being prepared. Showing the original description.

rsmdt/the-startup575Updated Oct 25, 2026

Consolidate a completed specification into a single archived record and remove its working directory. Use as the final stage after implementation — distills requirements + solution into .start/archive/[NNN]-[name].md and deletes the .start/specs/[NNN]-[name]/ directory.

The English summary is being prepared. Showing the original description.

rsmdt/the-startup575Updated Oct 25, 2026

Required first step before any creative work — creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements, and design before implementation.

The English summary is being prepared. Showing the original description.

rsmdt/the-startup575Updated Oct 25, 2026

See all skills by rsmdt

Report a problem with this skill